123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162 |
- <template>
- <view class="container">
- <image @longtap="bc_code" class="backImg" :src="backImg"></image>
- <view class="tki-qrcode">
- <canvas @longtap="bc_code" canvas-id="qrcode" />
- </view>
- </view>
- </template>
- <script>
- import uQRCode from '@/components/Sansnn-uQRCode/uqrcode.js'
- import { getUserInfo,spread } from '@/api/user.js';
- export default {
- props: {
- qrval: {
-
- type: String
- }
- },
- data() {
- return {
- url: '',
- backImg:'',
- userInfo:''
- };
- },
- onLoad() {
- this.spread();
- this.getInfo();
- },
- computed: {
- cpSize() {
- if(this.unit == "upx"){
- return uni.upx2px(this.size)
- }else{
- return this.size
- }
- }
- },
- methods: {
- spread(){
- let obj = this;
- spread({
- type:2
- }).then(({ data }) => {
- obj.backImg = data[0].wap_poster;
- });
- },
- getInfo(){
- let obj = this;
- getUserInfo({}).then(({ data }) => {
- obj.userInfo = data;
-
- });
- },
- bc_code(){
- let that = this;
- console.log('保存二维码',this.backImg)
- uni.downloadFile({
- url:this.backImg,
- success:(res)=>{
-
- if(res.statusCode == 200){
- uni.saveImageToPhotosAlbum({
- filePath:res.tempFilePath,
- success() {
- that.$api.msg('保存成功')
- },
- fail() {
- that.$api.msg('保存失败')
- }
- })
- }
- }
- })
- },
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- },
- };
- </script>
- <style lang="scss">
- page{
- width: 100%;
- min-height: 100%;
- .container{
- width: 100%;
- height: 100%;
- }
- }
- .backImg{
- position: absolute;
- width: 100%;
- height: 100%;
- }
- .portrait{
- width: 100%;
- text-align: center;
- padding-top: 80rpx;
- padding-bottom: 30rpx;
- image{
- width: 250rpx;
- height: 250rpx;
- }
- }
- .text{
- text-align: center;
- width: 100%;
- color: #FFFFFF;
- font-size:55rpx;
- letter-spacing:15rpx;
- }
- .uid-name{
- padding: 50rpx 0rpx;
- text-align: center;
- width: 100%;
- color: #FFFFFF;
- }
- .copy-btn{
- color: #FFFFFF;
- background-color: #4BA6ED;
- border-radius: 50rpx;
- width: 170rpx;
- line-height: 70rpx;
- margin: 0rpx auto;
- text-align: center;
- }
- .tki-qrcode{
- position: fixed;
- bottom: 10%;
- left: 30%;
- }
- canvas{
- width:150px;
- height: 150px;
- margin: auto;
-
- }
- </style>
|