This commit is contained in:
zmj 2024-06-20 16:28:19 +08:00
parent de66593e4a
commit 6bfc0b0d48
3 changed files with 63 additions and 9 deletions

View File

@ -134,8 +134,8 @@
scroll-y @scrolltolower="loadMoreGood">
<view class="shop-item" v-for="(item, index) in goodList" :key="item.id"
@click="openGoodPopup(item)">
<view class="shop-img">
<up-image width="120rpx" height="120rpx" :src="item.image"></up-image>
<view class="shop-img"
:style="{backgroundImage: `url(${item.image}?x-oss-process=image/format,webp)`}">
</view>
<view class="shop-content">
<view class="title">
@ -942,6 +942,8 @@
margin-right: 20rpx;
border-radius: 14rpx;
overflow: hidden;
background-size: 100% 100%;
// background-image: url();
}
.shop-content {

View File

@ -44,20 +44,20 @@
<view class="rest">
<view class="rest-item">
<view class="rest-item-num">{{userInfo.now_money}}</view>
<view class="rest-item-num">{{userInfo.now_money||"0.00"}}</view>
<view class="rest-item-txt">余额</view>
</view>
<view class="rest-item">
<view class="rest-item-num">{{userInfo.purchase_funds}}</view>
<view class="rest-item-num">{{userInfo.purchase_funds||'0.00'}}</view>
<view class="rest-item-txt">采购款</view>
</view>
<view class="rest-item">
<view class="rest-item-num">{{userInfo.return_money}}</view>
<view class="rest-item-num">{{userInfo.return_money||'0.00'}}</view>
<view class="rest-item-txt">返还金</view>
</view>
<view class="rest-item">
<view class="rest-item-num">{{userInfo.integral}}</view>
<view class="rest-item-num">{{userInfo.integral ||"0.00"}}</view>
<view class="rest-item-txt">礼品券</view>
</view>
</view>

View File

@ -1,12 +1,64 @@
<template>
<view>
支付密码
<view class='card'>
<up-input v-model="code" placeholder="手机号" border="none"></up-input>
<up-line color="#D3E3FD" style="margin: 30rpx 0;"></up-line>
<view style="display: flex;justify-content: space-between;align-items: center;">
<up-input v-model="code" placeholder="验证码" border="none"></up-input>
<view class="code-btn">
<up-line color="grey" direction="col" length="30rpx" style="margin: 0 20rpx;"></up-line>
<text class='btn-text'>获取验证码</text>
</view>
</view>
</view>
<view class='card'>
<up-input v-model="code" placeholder="请输入你的密码" border="none" type='password' readonly></up-input>
<up-line color="#D3E3FD" style="margin: 30rpx 0;"></up-line>
<up-input v-model="code" placeholder="请再次输入你的密码" border="none" type='password' readonly></up-input>
</view>
<view class='submit-btn'>
<up-button color="#20B128" shape="circle" @click="submit">确认</up-button>
</view>
</template>
<script setup>
import pwdKeyBord from '@/components/pwdKeyBord.vue'
import {
ref
} from "vue"
const code = ref('')
const submit = () => {
}
</script>
<style>
<style lang='scss'>
.card {
padding: 50rpx;
background-color: white;
margin-bottom: 30rpx;
padding-bottom: 30rpx;
}
.submit-btn {
position: absolute;
bottom: 100rpx;
width: 710rpx;
left: 50%;
transform: translateX(-50%);
}
.code-btn {
display: flex;
align-items: center;
}
.btn-text {
color: #20B128;
}
</style>