czg_team/cashier_weapp
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首頁組件

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

43
pages/user/coupon.vue
View File

@@ -1,11 +1,9 @@
<template>
<view class="container">
<view class="header">
<navigator class="t" hover-class="none">历史记录</navigator>
<navigator class="t" hover-class="none">管理</navigator>
</view>
<view class="list">
<view class="item" v-for="item in 5" :key="item"></view>
<view class="containertop">
<view class="containertopbox">
<view class=""></view>
</view>
</view>
</view>
</template>
@@ -19,31 +17,12 @@ export default {
</script>
<style scoped lang="scss">
$height: 40px;
.header {
width: 100%;
height: $height;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 99;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 $paddingSize;
.t {
margin-left: $paddingSize;
color: #999;
.container{
.containertop{
padding:48rpx 32rpx;
.containertopbox{
}
}
}
}
.list {
padding: $height $paddingSize $paddingSize;
.item {
border-radius: 20upx;
height: 100px;
background-color: #fff;
margin-top: $paddingSize;
}
}
</style>

29
pages/user/user.vue
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;