首頁組件

This commit is contained in:
魏啾
2024-04-15 16:15:09 +08:00
parent 289b808bf6
commit 091552233c
36 changed files with 3452 additions and 295 deletions

View File

@@ -4,18 +4,15 @@
<view style="width: 36px; height: 36px;border-radius: 10rpx;">
<button open-type="chooseAvatar" @chooseavatar='onChooseAvatar'
style="padding: 0;margin: 0; width: 36px; height: 36px;border-radius: 10rpx;">
<image style="width: 36px; height: 36px;" v-if="userInfo.avatar" :src="userInfo.avatar" mode="aspectFill">
<image style="width: 36px; height: 36px;" v-if="userInfo.avatar" :src="userInfo.avatar"
mode="aspectFill">
</image>
<image style="width: 36px; height: 36px;" v-else src="@/static/avatar.png" mode="aspectFill">
</image>
</button>
</view>
<view class="info flex-colum-start">
<!-- <view class="name"><input type="nickname" @blur="blurname"
v-model="userInfo.nickName" placeholder="请输入昵称"></view> -->
<text class="phone">{{userInfo.telephone || '无'}}</text>
<!-- <text class="phone">1882177889</text> -->
</view>
</view>
<view class="card">
@@ -47,7 +44,7 @@
</view>
</view>
</view>
<!-- <view class="card">
<view class="card">
<view class="header-wrap">
<view class="header">
<text class="title">更多服务</text>
@@ -55,23 +52,23 @@
</view>
<view class="order-menu">
<navigator class="item" hover-class="none" url="/pages/user/coupon">
<image class="icon" src="@/static/user_icon5.png" mode="aspectFit"></image>
<!-- <image class="icon" src="@/static/user_icon5.png" mode="aspectFit"></image> -->
<text class="t">优惠券</text>
</navigator>
<view class="item">
<image class="icon" src="@/static/user_icon6.png" mode="aspectFit"></image>
<!-- <image class="icon" src="@/static/user_icon6.png" mode="aspectFit"></image> -->
<text class="t">寄存记录</text>
</view>
<view class="item">
<image class="icon" src="@/static/user_icon7.png" mode="aspectFit"></image>
<!-- <image class="icon" src="@/static/user_icon7.png" mode="aspectFit"></image> -->
<text class="t">储值明细</text>
</view>
<view class="item">
<image class="icon" src="@/static/user_icon8.png" mode="aspectFit"></image>
<!-- <image class="icon" src="@/static/user_icon8.png" mode="aspectFit"></image> -->
<text class="t">设置</text>
</view>
</view>
</view> -->
</view>
<view class="version-wrap">
<!-- <text class="t">版本号2.0.0</text> -->
<text class="t">陕西超掌柜科技有限公司</text>
@@ -86,7 +83,7 @@
return {
shopUser: {},
userInfo: {},
shopInfo:{}
shopInfo: {}
};
},
onShow() {
@@ -149,14 +146,14 @@
</script>
<style scoped lang="scss">
.container {
padding: 0 $paddingSize;
}
.user-info-wrap {
padding: $paddingSize + 20upx $paddingSize;
display: flex;
align-items: center;
width: 750rpx;
height: 280rpx;
background: #FFD158;
border-radius: 0rpx 0rpx 40rpx 0rpx;
.avatar {
$size: 120upx;