Forráskód Böngészése

feat: 设置页面开发

liangan 1 hónapja
szülő
commit
7f76638ac6
3 módosított fájl, 53 hozzáadás és 1 törlés
  1. 9 0
      src/pages.json
  2. 1 1
      src/pages/mine/mine.vue
  3. 43 0
      src/pages/mine/setting.vue

+ 9 - 0
src/pages.json

@@ -131,6 +131,15 @@
         "navigationBarBackgroundColor": "#fff"
       }
     },
+    {
+      "path": "pages/mine/setting",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationBarTitleText": "Setting",
+        "navigationBarBackgroundColor": "#fff"
+      }
+    },
     {
       "path": "pages/missionCenter/missionCenter",
       "type": "page",

+ 1 - 1
src/pages/mine/mine.vue

@@ -69,7 +69,7 @@ const menuList = ref([
         </wd-button>
       </view>
     </view>
-    <wd-icon name="setting" color="#3A444C" size="36rpx" />
+    <wd-icon name="setting" color="#3A444C" size="36rpx" @click="toPage('/pages/mine/setting')" />
   </view>
   <view class="relative rounded-tl-24rpx rounded-tr-24rpx bg-white px-24rpx pb-24rpx pt-28rpx -top-24rpx">
     <view class="mb-18rpx text-32rpx">

+ 43 - 0
src/pages/mine/setting.vue

@@ -0,0 +1,43 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationBarTitleText: 'Setting',
+    navigationBarBackgroundColor: '#fff',
+  },
+}
+</route>
+
+<script lang="ts" setup>
+defineOptions({
+  name: 'Setting', // 设置
+})
+const columns = ref(['English', 'Bengali'])
+const language = ref('')
+</script>
+
+<template>
+  <view class="py-20rpx">
+    <wd-cell-group custom-class="mb-20rpx" border>
+      <wd-cell title="Change Password" custom-title-class="text-32rpx" is-link />
+      <wd-picker v-model="language" :columns="columns" use-default-slot>
+        <wd-cell title="Language" custom-title-class="text-32rpx" custom-value-class="text-#838383! text-32rpx!" value="English" is-link />
+      </wd-picker>
+      <wd-cell title="Policies" custom-title-class="text-32rpx" is-link />
+      <wd-cell title="Help" custom-title-class="text-32rpx" is-link />
+      <wd-cell title="Feedback" custom-title-class="text-32rpx" is-link />
+    </wd-cell-group>
+
+    <!-- Logout -->
+    <view class="mb-20rpx bg-white p-24rpx text-center text-32rpx text-[var(--wot-color-theme)]">
+      Logout
+    </view>
+    <view class="text-center text-32rpx text-#909090">
+      Version 1.1.0
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+//
+</style>