feat: 添加静态资源文件及基础组件
- 新增大量图片资源,包括图标、背景图、海报等,用于页面展示 - 添加字体文件及样式配置,支持自定义字体 - 引入 uni-ui 组件库,包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理,包括购物车数量、热门搜索词等 - 增加页面组件,如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件,优化开发体验
This commit is contained in:
104
pages/users/user_agreement_list/index.vue
Normal file
104
pages/users/user_agreement_list/index.vue
Normal file
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<!-- 个人资料 -->
|
||||
<view>
|
||||
<form @submit="formSubmit">
|
||||
<view class="personal-data" :style="colorStyle">
|
||||
<view class="list rd-24rpx mx-20">
|
||||
<view class="item acea-row row-between-wrapper">
|
||||
<view>用户协议</view>
|
||||
<navigator url="/pages/users/privacy/index?type=user" hover-class="none" class="input grab">
|
||||
<text class="iconfont icon-ic_rightarrow"></text>
|
||||
</navigator>
|
||||
</view>
|
||||
|
||||
<view class="item acea-row row-between-wrapper">
|
||||
<view>隐私协议</view>
|
||||
<navigator url="/pages/users/privacy/index?type=privacy" hover-class="none" class="input grab">
|
||||
<text class="iconfont icon-ic_rightarrow"></text>
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="item acea-row row-between-wrapper">
|
||||
<view>注销协议</view>
|
||||
<navigator url="/pages/users/privacy/index?type=cancel" hover-class="none" class="input grab">
|
||||
<text class="iconfont icon-ic_rightarrow"></text>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</form>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import colors from '@/mixins/color.js';
|
||||
export default {
|
||||
components: {},
|
||||
mixins: [colors],
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
watch: {
|
||||
isLogin: {
|
||||
handler: function (newV, oldV) {
|
||||
if (newV) {
|
||||
// #ifndef MP
|
||||
this.getUserInfo();
|
||||
// #endif
|
||||
}
|
||||
},
|
||||
deep: true
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
onShow() {},
|
||||
methods: {}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.personal-data {
|
||||
padding-bottom: 50rpx;
|
||||
}
|
||||
.dater {
|
||||
width: 400rpx;
|
||||
}
|
||||
.grab {
|
||||
color: #ccc !important;
|
||||
}
|
||||
|
||||
.personal-data .wrapper {
|
||||
margin: 10rpx 0;
|
||||
background-color: #fff;
|
||||
padding: 36rpx 30rpx 13rpx 30rpx;
|
||||
}
|
||||
|
||||
.personal-data .wrapper .title {
|
||||
margin-bottom: 30rpx;
|
||||
font-size: 32rpx;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
.personal-data .list {
|
||||
margin-top: 15rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.personal-data .list .item {
|
||||
padding: 32rpx 20rpx 24rpx 0;
|
||||
margin-left: 30rpx;
|
||||
font-size: 30rpx;
|
||||
color: #282828;
|
||||
.label {
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.personal-data .list .item .input .id {
|
||||
width: 414rpx;
|
||||
}
|
||||
|
||||
.personal-data .list .item .input .iconfont {
|
||||
font-size: 35rpx;
|
||||
color: #868686;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user