feat: add open area relative pages

app.json

@@ -14,7 +14,8 @@
     "pages/tabBar/tabBar",
     "pages/addressCheck/addressCheck",
     "pages/addressAdd/addressAdd",
-    "pages/set/set"
+    "pages/set/set",
+    "pages/openArea/openArea"
   ],
   "usingComponents": {
     "van-icon": "@vant/weapp/icon/index",

pages/my/my.js

@@ -44,10 +44,12 @@ Page({
   },
 
   /**
-   * 页面相关事件处理函数--监听用户下拉动作
+   * 点击开通区域
    */
-  onPullDownRefresh() {
-
+  handleOpenarea() {
+    wx.navigateTo({
+      url: '/pages/openArea/openArea',
+    })
   },
 
   /**

pages/my/my.wxml

@@ -50,7 +50,7 @@
         </view>
         <view class="desc">我的报告</view>
       </view>
-      <view class="act-item" data-index="5">
+      <view class="act-item" data-index="5" bindtap="handleOpenarea">
         <view class="icon">
           <image class="image-icon" src="./../../imaes/quyu@2x.png"></image>
         </view>

pages/openArea/openArea.js

@@ -0,0 +1,66 @@
+// pages/openArea/openArea.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    areaList: [1,1,1,1,1,1,1,1,1,1,1,1,1]
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/openArea/openArea.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "开通区域"
+}

pages/openArea/openArea.wxml

@@ -0,0 +1,19 @@
+<!--pages/openArea/openArea.wxml-->
+<view class="openarea-content">
+  <view class="main-content">
+    <view class="col-a title ittflex-jca">
+      <view class="nav-item col-city">开通城市</view>
+      <view class="nav-item col-area">区县</view>
+      <view class="nav-item col-name">经销商姓名</view>
+      <view class="nav-item col-link">经销商联系方式</view>
+    </view>
+    <block wx:for="{{areaList}}" wx:key="index">
+      <view class="area-list value ittflex-jca {{index == areaList.length -1 ? 'no-border' : ''}}">
+        <view class="value-item col-city">杭州</view>
+        <view class="value-item col-area">富阳</view>
+        <view class="value-item col-name">范一岚</view>
+        <view class="value-item col-link">16621068478</view>
+      </view>
+    </block>
+  </view>
+</view>

pages/openArea/openArea.wxss

@@ -0,0 +1,44 @@
+/* pages/openArea/openArea.wxss */
+.openarea-content {
+  width: 100%;
+  height: 100%;
+  padding-top: 1rpx;
+}
+.main-content {
+  width: 690rpx;
+  min-height: 154rpx;
+  margin: 19rpx auto 0;
+  border: 1px solid #e4e4e4;
+}
+.col-a {
+  width: 100%;
+  background-color: #FAFAFA;
+  height: 154rpx;
+  border-bottom: 1rpx solid #e4e4e4;
+}
+.nav-item {
+  text-align: center;
+  font-size: 26rpx;
+  font-weight: bold;
+}
+.col-city {
+  width: 145rpx;
+}
+.col-area {
+  width: 124rpx;
+}
+.col-name {
+  width: 166rpx;
+}
+.col-link {
+  width: 255rpx;
+}
+.value {
+  font-size: 26rpx;
+  font-weight: 400;
+  height: 154rpx;
+  border-bottom: 1rpx solid #e4e4e4;
+}
+.value-item {
+  text-align: center;
+}