123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- <template>
- <view>
- <navbar :config="config" backColor="#999999"></navbar>
- <view class="list">
- <view class="item" @click="goAgreement('user_protocol')">
- <view class="item_l" >服务协议</view>
- <view class="item_r">
- <text class="iconfont_yige"></text>
- </view>
- </view>
- <view class="item" @click="goAgreement('privacy_protocol')">
- <view class="item_l">隐私协议</view>
- <view class="item_r">
- <text class="iconfont_yige"></text>
- </view>
- </view>
- <view class="item" @click="goAgreement('realname_auth_protocol')">
- <view class="item_l">实名认证协议</view>
- <view class="item_r">
- <text class="iconfont_yige"></text>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default{
- data(){
- return{
- config: {
- back: true, //false是tolbar页面 是则不写
- title: '隐私保护',
- color: '#000',
- rightSlot: true,
- },
- }
- },
- methods:{
- goAgreement(val){
- uni.navigateTo({
- url:"/pages/user/agreement?type="+val
- })
- }
- }
- }
- </script>
- <style>
- page {
- background-color: #F8F8F8;
- }
- </style>
- <style lang="scss" scoped>
- .list{
- background: #fff;
- border-radius: 20rpx;
- margin: 30rpx;
- padding: 0 40rpx;
- min-height: 88vh;
- .item{
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding:40rpx 0;
- border-bottom: 1rpx solid rgba(239, 239, 239,.6);
- .item_l{
- font-size: 30rpx;
- color: #333333;
- font-weight: 700;
- }
- .item_r{
- display: flex;
- .item_r_text{
- margin-right: 30rpx;
- }
- }
- }
- &:last-child{
- border-bottom:none;
- }
- }
- .iconfont_yige{
- color: #333333;
- opacity: 0.5;
- font-weight: 700;
- }
- </style>
|