zhuce
/
lilishop-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: ✨ 优化个人信息页面，新增购物车删除功能

master
Yer 2023-09-13 09:36:37 +08:00
parent 231936c91d
commit 2d251faff1
3 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
pages.json
View File

@ -36,6 +36,7 @@
"path": "pages/tabbar/cart/cartList", "path": "pages/tabbar/cart/cartList",
"style": { "style": {
"navigationBarTitleText": "购物车", "navigationBarTitleText": "购物车",
"navigationStyle": "custom", // 隐藏系统导航栏
"navigationBarBackgroundColor": "#fff", "navigationBarBackgroundColor": "#fff",
"enablePullDownRefresh":true //实现下拉刷新样式 "enablePullDownRefresh":true //实现下拉刷新样式

6
pages/mine/set/personMsg.vue
View File

@ -16,11 +16,11 @@
</u-form-item> </u-form-item>
<u-form-item label="生日" label-width="150" right-icon="arrow-right"> <u-form-item label="生日" label-width="150" right-icon="arrow-right">
<u-input v-model="birthday" disabled placeholder="请选择出生日期" @click="showBirthday = true" /> <div style="width: 100%;" @click="showBirthday = true">{{ birthday || '请选择出生日期' }}</div>
<u-picker v-model="showBirthday" mode="time" :confirm-color="lightColor" @confirm="selectTime"></u-picker> <u-picker v-model="showBirthday" mode="time" :confirm-color="lightColor" @confirm="selectTime"></u-picker>
</u-form-item> </u-form-item>
<u-form-item label="城市" label-width="150" placeholder="请选择城市" right-icon="arrow-right"> <u-form-item label="城市" label-width="150" placeholder="请选择城市" right-icon="arrow-right">
<u-input v-model="form.___path" disabled @click="clickRegion" /> <div style="width: 100%;" @click="clickRegion">{{ form.___path || '请选择城市' }}</div>
</u-form-item> </u-form-item>
<view class="submit" @click="submit">保存</view> <view class="submit" @click="submit">保存</view>
<view class="submit" @click="quiteLoginOut">退出登录</view> <view class="submit" @click="quiteLoginOut">退出登录</view>

10
pages/tabbar/cart/cartList.vue
View File

@ -1,5 +1,10 @@
<template> <template>
<div class="wrapper"> <div class="wrapper">
<u-navbar :is-back="false" title="购物车">
<div slot="right">
<div class="light-color edit" @click="isEdit = !isEdit">{{ !isEdit ? '编辑' : '完成'}}</div>
</div>
</u-navbar>
<!-- 空白页--> <!-- 空白页-->
<view v-if="!loading && (cartDetail.cartList == '' || cartDetail.cartList == [] || !cartDetail)" class="empty"> <view v-if="!loading && (cartDetail.cartList == '' || cartDetail.cartList == [] || !cartDetail)" class="empty">
<image src="/static/emptyCart.png" mode="aspectFit"></image> <image src="/static/emptyCart.png" mode="aspectFit"></image>
@ -8,7 +13,6 @@
<navigator class="navigator" url="/pages/tabbar/home/index" open-type="switchTab">随便逛逛></navigator> <navigator class="navigator" url="/pages/tabbar/home/index" open-type="switchTab">随便逛逛></navigator>
</view> </view>
</view> </view>
<!-- 店铺商品信息 --> <!-- 店铺商品信息 -->
<div class="content"> <div class="content">
<div class="box box2" :class="{ invalid: isInvalid(item) }" v-for="(item, index) in cartDetail.cartList" <div class="box box2" :class="{ invalid: isInvalid(item) }" v-for="(item, index) in cartDetail.cartList"
@ -554,6 +558,10 @@ page {
.u-image { .u-image {
box-shadow: 0 4rpx 12rpx 0 rgba(0, 0, 0, 0.05); box-shadow: 0 4rpx 12rpx 0 rgba(0, 0, 0, 0.05);
} }
.edit{
padding-right: 32rpx;
font-size: 28rpx;
}
.promotion-notice { .promotion-notice {
margin-top: 10px; margin-top: 10px;
margin-left: 68rpx; margin-left: 68rpx;