uniapp/components/ns-copyright/ns-copyright.vue

75 lines
1.7 KiB
Vue

<template>
<view v-if="show">
<view class="ns-copyright-info">
<view class="ns-copyright-pic" v-if="copyright.logo" @click="link(copyright.copyright_link)">
<image :src="$util.img(copyright.logo)" @error="error" mode="widthFix"></image>
</view>
<!-- <view class="copyright-desc color-tip" v-if="copyright.company_name" @click="link(copyright.copyright_link)">{{ copyright.company_name }}</view> -->
<!-- <view class="copyright-desc color-tip" v-else @click="link('http://www.niushop.com')">牛之云科技提供技术支持</view> -->
</view>
</view>
</template>
<script>
export default {
data() {
return {
show: false
};
},
created() {},
computed: {
copyright() {
let copyright = uni.getStorageSync('copyright');
// 判断是否授权
if (copyright && !copyright.auth) {
copyright.logo = 'public/uniapp/common/logo_copy.png';
copyright.copyright_link = 'http://www.niushop.com';
}
return copyright;
}
},
methods: {
link(url) {
if (url) {
this.$util.redirectTo('/pages_tool/webview/webview', {
src: encodeURIComponent(url)
});
}
},
error() {
this.show = false;
}
}
};
</script>
<style lang="scss">
.ns-copyright-info {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 20rpx;
margin-bottom: 40rpx;
}
.ns-copyright-info .ns-copyright-pic image {
width: 160rpx;
}
.ns-copyright-info text {
font-size: $font-size-goods-tag;
height: 100rpx;
line-height: 100rpx;
color: $color-tip !important;
}
.ns-copyright-info .copyright-desc {
color: lighten($color-tip, 30%);
font-size: $font-size-goods-tag;
text-shadow: 0 0 2rpx lighten($color-tip, 40%);
}
</style>