add
This commit is contained in:
parent
de66593e4a
commit
6bfc0b0d48
|
@ -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 {
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue