add
This commit is contained in:
parent
de66593e4a
commit
6bfc0b0d48
|
@ -134,8 +134,8 @@
|
||||||
scroll-y @scrolltolower="loadMoreGood">
|
scroll-y @scrolltolower="loadMoreGood">
|
||||||
<view class="shop-item" v-for="(item, index) in goodList" :key="item.id"
|
<view class="shop-item" v-for="(item, index) in goodList" :key="item.id"
|
||||||
@click="openGoodPopup(item)">
|
@click="openGoodPopup(item)">
|
||||||
<view class="shop-img">
|
<view class="shop-img"
|
||||||
<up-image width="120rpx" height="120rpx" :src="item.image"></up-image>
|
:style="{backgroundImage: `url(${item.image}?x-oss-process=image/format,webp)`}">
|
||||||
</view>
|
</view>
|
||||||
<view class="shop-content">
|
<view class="shop-content">
|
||||||
<view class="title">
|
<view class="title">
|
||||||
|
@ -942,6 +942,8 @@
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
border-radius: 14rpx;
|
border-radius: 14rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
// background-image: url();
|
||||||
}
|
}
|
||||||
|
|
||||||
.shop-content {
|
.shop-content {
|
||||||
|
|
|
@ -44,20 +44,20 @@
|
||||||
|
|
||||||
<view class="rest">
|
<view class="rest">
|
||||||
<view class="rest-item">
|
<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 class="rest-item-txt">余额</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="rest-item">
|
<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 class="rest-item-txt">采购款</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="rest-item">
|
<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 class="rest-item-txt">返还金</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="rest-item">
|
<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 class="rest-item-txt">礼品券</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
@ -1,12 +1,64 @@
|
||||||
<template>
|
<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>
|
||||||
|
<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>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import pwdKeyBord from '@/components/pwdKeyBord.vue'
|
import pwdKeyBord from '@/components/pwdKeyBord.vue'
|
||||||
|
import {
|
||||||
|
ref
|
||||||
|
} from "vue"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const code = ref('')
|
||||||
|
const submit = () => {
|
||||||
|
|
||||||
|
}
|
||||||
</script>
|
</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>
|
</style>
|
Loading…
Reference in New Issue