mirage
/
edu
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【小程序】关于我们页面

This commit is contained in:
洪树泽 2022-09-08 18:39:19 +08:00
parent 89f58728cc
commit 6a5623e11d
3 changed files with 108 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/pages.json
View File

@ -53,7 +53,13 @@
"style": {
"navigationBarTitleText": "我的收藏"
}
}
},
{
"path": "pages/as_us/as_us",
"style": {
"navigationBarTitleText": "关于我们"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",

95
app/src/pages/as_us/as_us.vue Normal file
View File

@ -0,0 +1,95 @@
<template>
<view class="user-set">
<view class="item flex bg-white mt-[20rpx]">
<u-avatar :src="src" shape="square"></u-avatar>
<view class="ml-[20rpx] flex flex-1 justify-between">
<view>
<view class="mb-[15rpx] text-xl font-medium">闻喜的小贾</view>
<view class="text-content text-xs">账号：tt54541512</view>
</view>
<u-icon name="arrow-right" color="#666"></u-icon>
</view>
</view>
<view class="item bg-white mt-[20rpx] btn-border flex flex-1 justify-between">
<view class="text-xl">登录密码</view>
<u-icon name="arrow-right" color="#666"></u-icon>
</view>
<view class="item bg-white btn-border flex flex-1 justify-between">
<view class="text-xl">绑定微信</view>
<view class=" flex justify-between">
<view class="text-muted mr-[20rpx]">
未绑定
</view>
<u-icon name="arrow-right" color="#666"></u-icon>
</view>
</view>
<view class="item bg-white mt-[20rpx] btn-border flex flex-1 justify-between">
<view class="text-xl">隐私政策</view>
<u-icon name="arrow-right" color="#666"></u-icon>
</view>
<view class="item bg-white btn-border flex flex-1 justify-between">
<view class="text-xl">服务协议</view>
<u-icon name="arrow-right" color="#666"></u-icon>
</view>
<view class="item bg-white btn-border flex flex-1 justify-between">
<view class="text-xl">关于我们</view>
<view class="flex justify-between">
<view class="text-muted mr-[20rpx]">
v10.2.0
</view>
<u-icon name="arrow-right" color="#666"></u-icon>
</view>
</view>
</view>
</template>
<script setup lang="ts">
import {
getDecorate
} from '@/api/shop'
import {
useUserStore
} from '@/stores/user'
import {
onShow
} from '@dcloudio/uni-app'
import {
storeToRefs
} from 'pinia'
import {
reactive
} from 'vue'
const state = reactive < {
pages: any[]
} > ({
pages: []
})
const getData = async () => {
const data = await getDecorate({
id: 2
})
state.pages = JSON.parse(data.pages)
}
const userStore = useUserStore()
const {
userInfo,
isLogin
} = storeToRefs(userStore)
onShow(() => {
userStore.getUser()
})
getData()
</script>
<style lang="scss" scoped>
.user-set {
.item {
padding: 30rpx;
}
.btn-border {
border-bottom: 1rpx solid $u-form-item-border-color;
}
}
</style>

12
app/src/pages/user_set/user_set.vue
View File

@ -11,11 +11,11 @@
</view>
</view>
<view class="item bg-white mt-[20rpx] btn-border flex flex-1 justify-between">
<view class="mb-[15rpx] text-xl">登录密码</view>
<view class="text-xl">登录密码</view>
<u-icon name="arrow-right" color="#666"></u-icon>
</view>
<view class="item bg-white btn-border flex flex-1 justify-between">
<view class="mb-[15rpx] text-xl">绑定微信</view>
<view class="text-xl">绑定微信</view>
<view class=" flex justify-between">
<view class="text-muted mr-[20rpx]">
未绑定
@ -25,16 +25,16 @@
</view>
<view class="item bg-white mt-[20rpx] btn-border flex flex-1 justify-between">
<view class="mb-[15rpx] text-xl">隐私政策</view>
<view class="text-xl">隐私政策</view>
<u-icon name="arrow-right" color="#666"></u-icon>
</view>
<view class="item bg-white btn-border flex flex-1 justify-between">
<view class="mb-[15rpx] text-xl">服务协议</view>
<view class="text-xl">服务协议</view>
<u-icon name="arrow-right" color="#666"></u-icon>
</view>
<view class="item bg-white btn-border flex flex-1 justify-between">
<view class="mb-[15rpx] text-xl">关于我们</view>
<view class=" flex justify-between">
<view class="text-xl">关于我们</view>
<view class="flex justify-between">
<view class="text-muted mr-[20rpx]">
v10.2.0
</view>