123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- <template>
- <view class="content">
- <image src="../../static/img/sharebase.png" mode="widthFix" class="baseimg"></image>
- <view class="erweima">
- <tki-qrcode
- :cid="cid"
- ref="qrcode"
- :val="val"
- :size="size"
- :unit="unit"
- :background="background"
- :foreground="foreground"
- :pdground="pdground"
- :iconSize="iconSize"
- :lv="lv"
- :onval="onval"
- :loadMake="loadMake"
- :usingComponents="usingComponents"
- @result="qrR"
- />
- </view>
- </view>
- </template>
- <script>
- import {
- mapState,
- mapMutations
- } from 'vuex';
- export default {
- data() {
- return {
- val: '',
- cid: 'cid',
- size: 150,
- unit: '150',
- background: '#FFFFFF',
- foreground: '#000000',
- pdground: '#000000',
- icon: '',
- iconSize: 40,
- lv: 3,
- onval: true,
- loadMake: true,
- usingComponents: true,
- };
- },
- onLoad() {
-
- },
- onShow() {
- this.val = 'http://hgd.liuniu946.com/appdom/index.html?spread=' + this.userInfo.uid
- },
- //下拉刷新
- onPullDownRefresh() {
-
- },
- computed: {
- ...mapState(['baseURL', 'urlFile']),
- ...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
- },
- methods: {
- qrR(res) {
- this.src = res;
- },
- }
- };
- </script>
- <style lang="scss">
- .baseimg {
- width: 100%;
- }
- .erweima {
- width: 300rpx;
- position: absolute;
- top: 923rpx;
- left: 0;
- right: 0;
- margin: auto;
- display: flex;
- justify-content: center;
- }
- </style>
|