medicine_app/pages/mine/address/index.vue

<template>
  <view class="container commonPageBox">
    <!-- 公共组件-每个页面必须引入 -->
    <public-module></public-module>
    <!-- <z-nav-bar title="地址管理" bgColor="#258feb" fontColor="#fff"></z-nav-bar> -->
   
    <view
      class="contentBox commonPageContentBox"
       
    >
      <common-address
      :type="this.options.type"
        backState="1000"
        ref="commonAddress"
        @fresh="handleFresh"
      ></common-address>
    </view>

    <z-navigation></z-navigation>

    <u-modal
      :show="signShow"
      :content="signContent"
      :showCancelButton="true"
      @cancel="signShow = false"
      @confirm="signOut"
    >
    </u-modal>
  </view>
</template>

<script>
import list from "@/pages/component/commonComponents/list";
import $http from "@/config/requestConfig.js";

import { mapState, mapMutations } from "vuex";
export default {
  components: {
    list,
  },
  data() {
    return {
      signShow: false,
      signContent: "是否要退出登录？",
      playData: {},
      options: {},
      searchValue: "",

      twoCateList: [], // 二级分类标题
      titleList: [], // 方剂标题
      curOneCateIndex: 0, // 当前选中的一级分类
      curTwoCateIndex: 0, // 当前选中的二级分类
      searchList: [], // 搜索结果数组
      showSearchList: false,
      userMes: {}, // 用户信息
      searchDisable: false, // 搜索不可用
      limitShow: false,
      limitTitle: "提示",
      limitContent: "",
      scrollViewHeight: 0,
      dataList: [
        {
          title: "客服热线",
          content: "022-24142321",
          type: "tel",
        },
        {
          title: "客服邮箱",
          content: "appyilujiankang@sina.com",
          type: "email",
        },
        {
          title: "微信号",
          content: "yilujiankangkefu",
          type: "wxNumber",
        },

        // {

        // 	"title": "清楚缓存",
        // 	content: 'yilujiankangkefu'

        // },
      ],
      otherList: [
        {
          title: "关于我们",

          url: "/pages/mine/aboutUs/index",
          type: "pageJump",
        },

        // {

        // 	"title": "清楚缓存",
        // 	content: 'yilujiankangkefu'

        // },
      ],
    };
  },
  onLoad(options) {
    console.log(options, "989");
    this.options = options;
    this.$nextTick(() => {
      this.$refs.commonAddress.open();
    });
    // this.getCateList()
  },
  onHide() {
    // this.showSearchList = false
    // this.searchList = []
  },
  computed: {
    ...mapState(["userInfo"]),
  },
  methods: {
    handleFresh() {},
    ...mapMutations(["setUserInfo"]),
    signOut() {
      this.signShow = false;
      this.setUserInfo({ token: null });
      uni.reLaunch({
        url: "/pages/user/login/login",
      });
    },
    // 注销账户
  },
  onBackPress() {
    // #ifdef APP-PLUS
    plus.key.hideSoftKeybord();
    // #endif
  },
};
</script>

<style lang="scss" scoped>
.u-grid-list {
  // height: 40rpx;
}

.searchList {
  .item {
    font-size: 28rpx;
    padding: 20rpx;
    border-bottom: 1px solid #dadbde;
  }
}

.scroll-view_H {
  background-color: #fff;
  white-space: nowrap;
  padding: 10rpx;
}

.scroll-Y {
  height: 100%;
}

.scroll-view_H {
  white-space: nowrap;
  width: 100%;
}

.scroll-view-item {
  // height: 300rpx;
  // line-height: 300rpx;
  // text-align: center;
  // font-size: 36rpx;
}

.scroll-view-item_H {
  display: inline-block;
  width: 100%;
  // height: 300rpx;
  // line-height: 300rpx;
  // text-align: center;
  // font-size: 36rpx;
}

.titleList {
  height: 100%;
}

.titleList2 {
  height: calc(100% - 170rpx);
}

/deep/.scroll-view-item:nth-child(2n-1) {
  background-color: transparent !important;
}

.fdButtonBox {
  color: #b0b0b0;
  // width: 100%;
  float: right;
  padding: 4rpx 14rpx;
  font-size: 24rpx;
  font-weight: 500;
  line-height: 30rpx;
  border-radius: 10rpx;
  box-sizing: border-box;

  // margin-top: 10rpx;
  // display: flex;
  // align-items: center;
}

.commonPageBox {
  background-color: #f5f5f5;
}

.set_box {
  background-color: #fff;
  height: auto;

  padding: 20rpx;
}

.button_box {
  width: 100%;
  position: fixed;
  bottom: 40rpx;
  padding: 20rpx 80rpx;

  .button {
    margin-top: 40rpx;
  }
}

/deep/.rightArrow {
  margin-top: 6rpx !important;
}
</style>