lcoco/pages/my/set/more-set.vue

<template>
  <view class="more-set-box">
    <en-nav title="更多设置" :title-color="'#333'"  ></en-nav>
    <view class="set-list">
      <view class="set-item" @click="goToUrl('push-set')">
        <view class="item-text sys-height-44 sys-color-black">推送通知管理</view>
        <view class="item-icon">
          <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>
        </view>
      </view>
      <view class="set-item"  @click="goToUrl('blacklist')">
        <view class="item-text sys-height-44 sys-color-black">黑名单</view>
        <view class="item-icon">
          <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>
        </view>
      </view>
      <view class="set-item">
        <view class="item-data">
          <view class="describe-title sys-color-black">朋友圈互动后自动喜欢</view>
          <view class="describe-text sys-color-gray-9">打开后点赞/评论后将自动喜欢该用户</view>
        </view>
        <view class="item-switch" >
          <switch color="#4BC285" style="transform:scale(0.9)" />
        </view>
      </view>
      <view class="set-item">
        <view class="item-text sys-height-44 sys-color-black">账号注销</view>
        <view class="item-icon">
          <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>
        </view>
      </view>
      <view class="set-item"  @click="goToUrl('conversion')">
        <view class="item-text sys-height-44 sys-color-black">兑换码</view>
        <view class="item-icon">
          <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import EnNav from "@/components/en-utils/en-nav/en-nav";
export default {
  components: {EnNav},
  data() {
    return {

    }
  },
  methods: {
    goToUrl(url){
      if(url===''){
        return;
      }
      uni.navigateTo({
        'url':'./'+url
      })
    },
  }
}
</script>

<style scoped lang="scss">
.more-set-box{
  background-color: #F9F9F9;
  min-height: 100vh;
  padding-bottom: 50rpx;
  .set-list{
    margin: 20rpx 32rpx 0 32rpx;
    background-color: #fff;
    border-radius: 20rpx;
    padding:  0 32rpx;
    .set-item{
      padding: 32rpx 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1rpx solid #F2F2F2;
      .item-data{
        .describe-title{
          font-size: 30rpx;
        }
        .describe-text{
          margin-top: 4rpx;
          font-size: 24rpx;
        }
      }
      .item-text{
        font-size: 28rpx;
      }
      .item-icon{
        .iconfont{
          font-size: 28rpx;
        }
      }
    }
    .set-item:last-child{
      border-bottom: none;
    }
  }
}

</style>