152 lines
3.3 KiB
Vue
152 lines
3.3 KiB
Vue
<template>
|
|
<view class="about" v-if="!loading">
|
|
<view
|
|
class="list-cell b-b"
|
|
v-for="item in navList"
|
|
:key="item.title"
|
|
@tap="
|
|
navTo(`/pages/set/about/detail?field=${item.url}&title=${item.title}`)
|
|
"
|
|
hover-class="cell-hover"
|
|
:hover-stay-time="50"
|
|
>
|
|
<text class="cell-tit">{{ item.title }}</text>
|
|
<text class="cell-tip">{{ item.content }}</text>
|
|
<text class="cell-more iconfont iconyou"></text>
|
|
</view>
|
|
<view class="history-section icon">
|
|
<view class="sec-header">
|
|
<i class="iconfont iconshare"></i>
|
|
<text>分享商城二维码给好友</text>
|
|
</view>
|
|
<view class="qrcode-wrapper">
|
|
<view class="qrcode-img-wrapper">
|
|
<rf-qrcode class="qrcode" cid="qrcode2229" makeOnLoad :text="hostUrl"
|
|
v-if="merchantId === 0"></rf-qrcode>
|
|
<rf-image class="qrcode-img" :src="aboutInfo.qrcode || ''" v-else></rf-image>
|
|
</view>
|
|
<text class="info">商城二维码</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
/**
|
|
* @des 关于商城
|
|
*
|
|
* @author 237524947@qq.com
|
|
* @date 2019-12-09 10:13
|
|
* @copyright 2019
|
|
*/
|
|
import { merchantView } from '@/api/merchant';
|
|
import rfQrcode from '@/components/rf-qrcode';
|
|
export default {
|
|
components: { rfQrcode },
|
|
data() {
|
|
return {
|
|
aboutInfo: {},
|
|
navList: [
|
|
{ title: '商城介绍', url: '' },
|
|
// { title: '版权信息', url: 'copyright_companyname,copyright_desc,copyright_url' },
|
|
// { title: '证照信息', url: '' },
|
|
{ title: '注册协议', url: 'protocol_register' },
|
|
{ title: '充值协议', url: 'protocol_recharge' },
|
|
{ title: '隐私协议', url: 'protocol_privacy' }
|
|
],
|
|
appName: this.$mSettingConfig.appName,
|
|
loading: true,
|
|
hostUrl: this.$mConfig.hostUrl,
|
|
merchantId: ''
|
|
};
|
|
},
|
|
onLoad() {
|
|
this.initData();
|
|
},
|
|
methods: {
|
|
// 初始化数据
|
|
initData() {
|
|
uni.setNavigationBarTitle({ title: `关于${this.appName}` });
|
|
const userInfo = uni.getStorageSync('userInfo') || {};
|
|
this.merchantId = userInfo.storeId;
|
|
if (this.merchantId === 0) {
|
|
this.navList.shift();
|
|
this.loading = false;
|
|
} else {
|
|
this.getConfigList();
|
|
}
|
|
},
|
|
// 获取商城信息
|
|
async getConfigList() {
|
|
await this.$http
|
|
.get(`${merchantView}`, {
|
|
id: this.merchantId,
|
|
field: 'web_qrcode'
|
|
})
|
|
.then(r => {
|
|
this.loading = false;
|
|
this.aboutInfo = r;
|
|
}).catch(() => {
|
|
this.loading = false;
|
|
});
|
|
},
|
|
// 统一跳转接口
|
|
navTo(route) {
|
|
this.$mRouter.push({ route });
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style lang="scss">
|
|
page {
|
|
position: relative;
|
|
background-color: #f5f5f5;
|
|
}
|
|
/*关于商城*/
|
|
.about {
|
|
padding: 20upx 0;
|
|
.history-section {
|
|
padding: 30upx 0 0;
|
|
margin-top: 20upx;
|
|
background: #fff;
|
|
border-radius: 10upx;
|
|
.sec-header {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: $font-base;
|
|
color: $font-color-dark;
|
|
line-height: 40upx;
|
|
margin-left: 30upx;
|
|
.iconfont {
|
|
font-size: 44upx;
|
|
color: #5eba8f;
|
|
margin-right: 16upx;
|
|
line-height: 40upx;
|
|
}
|
|
}
|
|
.qrcode-wrapper {
|
|
padding: $spacing-lg 0;
|
|
text-align: center;
|
|
.qrcode-img-wrapper {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.qrcode {
|
|
height: 280upx;
|
|
}
|
|
.qrcode-img {
|
|
width: 300upx;
|
|
height: 300upx;
|
|
image {
|
|
width: 300upx;
|
|
height: 300upx;
|
|
}
|
|
}
|
|
.info {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|