init
This commit is contained in:
142
components/ns-copyright/ns-copyright.vue
Normal file
142
components/ns-copyright/ns-copyright.vue
Normal file
@@ -0,0 +1,142 @@
|
||||
<template>
|
||||
<view class="copyrigt-wrap" v-if="copyright && (showLogo || showBeian)">
|
||||
<!-- <view class="copyright-info" v-if="showLogo">
|
||||
<view class="copyright-pic" v-if="copyright.logo" @click="link(copyright.copyright_link)">
|
||||
<image :src="$util.img(copyright.logo)" @error="error" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="record-info" v-if="showBeian">
|
||||
<view class="icp" v-if="copyright && copyright.icp" @click="toHref('https://beian.miit.gov.cn')">备案号:{{ copyright.icp }}
|
||||
</view>
|
||||
|
||||
<view v-if="copyright && copyright.gov_record" class="gov-wrap" @click="toHref(copyright.gov_url)" target="_blank">
|
||||
<image :src="$util.img('public/uniapp/common/gov_record.png')" alt="公安备案" />
|
||||
<text>{{ copyright.gov_record }}</text>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showLogo: true,
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
computed: {
|
||||
showBeian() {
|
||||
// 如果都为空,则隐藏
|
||||
if (this.copyright && (!this.copyright.icp && !this.copyright.gov_record)) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
link(url) {
|
||||
if (url) {
|
||||
this.$util.redirectTo('/pages_tool/webview/webview', {
|
||||
src: encodeURIComponent(url)
|
||||
});
|
||||
}
|
||||
},
|
||||
toHref(url) {
|
||||
location.href = url;
|
||||
},
|
||||
error() {
|
||||
this.showLogo = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.copyrigt-wrap {
|
||||
margin-top: 40rpx;
|
||||
margin-bottom: 40rpx;
|
||||
|
||||
>view {
|
||||
font-size: $font-size-tag;
|
||||
color: #666666;
|
||||
|
||||
&:last-child {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.copyright-info {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
.copyright-pic {
|
||||
image {
|
||||
width: 160rpx;
|
||||
height: 24rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
text {
|
||||
font-size: $font-size-goods-tag;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
color: $color-tip !important;
|
||||
}
|
||||
|
||||
.copyright-desc {
|
||||
color: lighten($color-tip, 30%);
|
||||
font-size: $font-size-goods-tag;
|
||||
text-shadow: 0 0 2rpx lighten($color-tip, 40%);
|
||||
}
|
||||
}
|
||||
|
||||
.record-info {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
margin-top: 10rpx;
|
||||
|
||||
text {
|
||||
color: #666666;
|
||||
font-size: $font-size-tag;
|
||||
}
|
||||
|
||||
view {
|
||||
font-size: $font-size-tag;
|
||||
color: #666666;
|
||||
|
||||
&:last-child {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.gov-wrap {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user