From fe75cffbf3bae6777aa2794fd89fa5dc37f5df8d Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期二, 15 七月 2025 10:11:23 +0800 Subject: [PATCH] 项目初始化 --- src/pages_template/pages/wxCenter/index.vue | 81 ++++++++++++++++++++++++++++++++++++++++ 1 files changed, 81 insertions(+), 0 deletions(-) diff --git a/src/pages_template/pages/wxCenter/index.vue b/src/pages_template/pages/wxCenter/index.vue new file mode 100644 index 0000000..43284c2 --- /dev/null +++ b/src/pages_template/pages/wxCenter/index.vue @@ -0,0 +1,81 @@ +<script setup> +import tab from '@/plugins/tab'; +import { ref } from 'vue'; + +const pic = ref('https://uviewui.com/common/logo.png'); +const show = ref(true); + +const navigateBackHandler = () => { tab.navigateBack(); } +</script> + +<template> + <view> + <u-navbar :fixed="false" title="銆�" @leftClick="navigateBackHandler"> + <view class="u-flex u-row-right" style="width: 100%;"> + <view class="camera u-flex u-row-center"> + <u-icon name="camera-fill" color="#000000" size="48"></u-icon> + </view> + </view> + </u-navbar> + <view class="u-flex u-flex-y-center u-flex-around user-box u-p-l-30 u-p-r-20 u-p-b-30"> + <view class="u-m-r-10"> + <u-avatar :src="pic" size="140"></u-avatar> + </view> + <view class="u-flex-1"> + <view class="u-font-18 u-p-b-20">uview plus</view> + <view class="u-font-14 u-tips-color">寰俊鍙�:test</view> + </view> + <view class="u-m-l-10 u-p-10"> + <u-icon name="scan" color="#969799" size="28"></u-icon> + </view> + <view class="u-m-l-10 u-p-10"> + <u-icon name="arrow-right" color="#969799" size="28"></u-icon> + </view> + </view> + + <view class="u-m-t-20"> + <u-cell-group> + <u-cell icon="rmb-circle" title="鏀粯" isLink></u-cell> + </u-cell-group> + </view> + + <view class="u-m-t-20"> + <u-cell-group> + <u-cell icon="star" title="鏀惰棌" isLink></u-cell> + <u-cell icon="photo" title="鐩稿唽" isLink></u-cell> + <u-cell icon="coupon" title="鍗″埜" isLink></u-cell> + <u-cell icon="heart" title="鍏虫敞" isLink></u-cell> + </u-cell-group> + </view> + + <view class="u-m-t-20"> + <u-cell-group> + <u-cell icon="setting" title="璁剧疆" isLink></u-cell> + </u-cell-group> + </view> + </view> +</template> + + +<style lang="scss" scoped> +page { + background-color: #ededed; +} + +.camera { + width: 54px; + height: 44px; + + &:active { + background-color: #ededed; + } +} + +.user-box { + background-color: #fff; +} + +.u-cell-group { + background-color: #fff; +} +</style> -- Gitblit v1.9.3