feat: 新建utils文件夹

src/app.config.js

@@ -4,10 +4,19 @@ export default defineAppConfig({
     'pages/my/index',
 
   ],
+  permission: {
+    "scope.userLocation": {
+      desc: "你的位置信息将用于小程序位置接口的效果展示", // 高速公路行驶持续后台定位
+    },
+  },
+  requiredPrivateInfos: ["getLocation", "chooseLocation",'chooseAddress'],
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',
     navigationBarTitleText: 'WeChat',
     navigationBarTextStyle: 'black'
+  },
+  // 设置后,空对象代表可以使用小程序原生组件
+  usingComponents: {
   }
 })

src/pages/my/index.jsx

@@ -1,4 +1,4 @@
-import { View, Text, Image } from "@tarojs/components";
+import { View, Text, Image, Button, Icon } from "@tarojs/components";
 import { useLoad } from "@tarojs/taro";
 import Taro from "@tarojs/taro";
 import {
@@ -36,30 +36,38 @@ const my = () => {
             <AtTag size="small">女</AtTag>
           </View>
         </View>
-        <View></View>
-
 
         {/* 列表 */}
-        <AtListItem
-          title="标题文字1"
-          arrow="right"
-          thumb="https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png"
-        />
-        <AtListItem
-          title="标题文字2"
-          note="描述信息"
-          arrow="right"
-          thumb="http://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png"
-        />
-        <AtListItem
-          title="标题文字3"
-          note="描述信息"
-          extraText="详细信息"
-          arrow="right"
-          thumb="http://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png"
-        />
+        <View className="mylist">
+          <AtListItem
+            title="标题文字1"
+            arrow="right"
+            thumb="https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png"
+          />
+          <AtListItem
+            title="标题文字2"
+            // note="描述信息"
+            arrow="right"
+            thumb="http://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png"
+          />
+          <AtListItem
+            title="联系客服"
+            // note="描述信息"
+            // extraText="详细信息"
+            arrow="right"
+            thumb="http://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png"
+          />
+        </View>
+
+
+        {/* 个人客服 */}
+        {/* <View className="wechat">
+          <Button open-type="contact" className="wecahtBtn">
+            联系客服
+          </Button>
+        </View> */}
       </View>
-      
+
       {/* 底部tabbar */}
       <View className="tabbbar">
         <AtTabBar

src/pages/my/index.scss

@@ -11,6 +11,28 @@
       justify-content: center;
       background-color: yellow;
     }
+
+    .mylist {
+      margin-top: 20px;
+    }
+
+    .wechat {
+      padding-left: 35px;
+      padding-right: 35px;
+      // background-color: yellow;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      // justify-content: center;
+      .wecahtBtn {
+        width: 100%;
+        // background-color: aqua;
+        .van-button__text {
+          position: relative;
+          left: -245px;
+        }
+      }
+    }
   }
   .tabbbarDiv {
     width: 100%;