karlcarlo
a5c5d753b6
- 新增大量图片资源，包括图标、背景图、海报等，用于页面展示 - 添加字体文件及样式配置，支持自定义字体 - 引入 uni-ui 组件库，包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理，包括购物车数量、热门搜索词等 - 增加页面组件，如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件，优化开发体验
52 lines
883 B
Vue
52 lines
883 B
Vue
<template>
|
|
<view v-if="shareInfoStatus" class="poster-first">
|
|
<view class="mask-share">
|
|
<image :src="imgHost + '/statics/images/share-info.png'"
|
|
@click="shareInfoClose"
|
|
@touchmove.stop.prevent="false"></image>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {HTTP_REQUEST_URL} from '@/config/app';
|
|
export default {
|
|
props: {
|
|
shareInfoStatus: {
|
|
type: Boolean,
|
|
default:false,
|
|
}
|
|
},
|
|
data: function() {
|
|
return {
|
|
imgHost:HTTP_REQUEST_URL,
|
|
};
|
|
},
|
|
mounted: function() {},
|
|
methods: {
|
|
shareInfoClose: function() {
|
|
this.$emit("setShareInfoStatus");
|
|
}
|
|
}
|
|
};
|
|
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.poster-first {
|
|
overscroll-behavior: contain;
|
|
}
|
|
.mask-share {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 99;
|
|
}
|
|
.mask-share image {
|
|
width: 100%;
|
|
height:100%;
|
|
}
|
|
</style>
|