Leadfyy.co
/
ec.uniapp-master
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

一系列优化

master
Enzo 4 years ago
parent
eb8bcae3f0
commit
78bce548fb
8 changed files with 400 additions and 23 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 122
      pages/discover/discover.vue
  2. 5
      pages/discover/discoverdetails.vue
  3. 106
      pages/index/category/category.vue
  4. 6
      pages/index/collectCoupons/collectCoupons.vue
  5. 6
      pages/order/newdetail/newdetail.vue
  6. 70
      pages/shop/goodsdetail.vue
  7. 2
      pages/shop/shopdetail.vue
  8. 106
      pages/user/my/center.vue

122
pages/discover/discover.vue
View File

@ -63,11 +63,22 @@
<text class="lf-iconfont icon-fabu lf-font-50"></text> <text class="lf-iconfont icon-fabu lf-font-50"></text>
</view> </view>
</view> </view>
<view class="fixed-right1" v-if="showTotop">
<view class="fixed-right2" v-if="showTotop">
<view class="fixed-btn" hover-class="lf-opacity" @click="goTop()"> <view class="fixed-btn" hover-class="lf-opacity" @click="goTop()">
<text class="lf-iconfont icon-zhiding lf-font-50"></text> <text class="lf-iconfont icon-zhiding lf-font-50"></text>
</view> </view>
</view> </view>
<!-- 悬浮购物车入口 -->
<view class="fixed-right1">
<view class="fixed-cart" hover-class="lf-opacity" @click="$url('/pages/store/cart/cart')">
<text class="lf-iconfont icon-gouwulan icon-text"></text>
<text class="tips">购物车</text>
<block v-if="$isRight(car_num)">
<view class="angle-mark" v-if="car_num<99">{{car_num || 0}}</view>
<view class="angle-mark" v-else>99+</view>
</block>
</view>
</view>
<!-- <view style="height: 30rpx;"></view> --> <!-- <view style="height: 30rpx;"></view> -->
<lf-tabbar></lf-tabbar> <lf-tabbar></lf-tabbar>
</view> </view>
@ -99,7 +110,8 @@
scrollH: 0, scrollH: 0,
nav_height: 0, nav_height: 0,
isRefresher: true, isRefresher: true,
pageSize: 10
pageSize: 10,
car_num: 0
} }
}, },
computed: { computed: {
@ -113,9 +125,41 @@
onLoad(){ onLoad(){
let info = uni.getSystemInfoSync(); let info = uni.getSystemInfoSync();
this.scrollH = info.screenHeight; this.scrollH = info.screenHeight;
this.getHotActivity()
this.getHotActivity();
this.getcarNum();
}, },
methods: { methods: {
getcarNum() {
this.$http
.get({
api: 'api/shopping/cart/count',
header: {
Authorization: this.$cookieStorage.get('user_token')
},
})
.then(res => {
if (res.data.code == 200) {
if(res.data.data == null) {
this.car_num = 0;
}else {
this.car_num = res.data.data;
}
} else {
wx.showModal({
content: '请下拉页面刷新重试',
showCancel: false
});
}
})
.catch(() => {
wx.stopPullDownRefresh();
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
},
scroll (e) { scroll (e) {
//记录scroll 位置 //记录scroll 位置
this.oldScrollTop = e.detail.scrollTop; this.oldScrollTop = e.detail.scrollTop;
@ -395,6 +439,66 @@
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.fixed-right1{
position: fixed;
right: 32rpx;
bottom: 450rpx;
width: max-content;
height: max-content;
z-index: 9;
.fixed-cart{
width: 110rpx;
height: 110rpx;
border-radius: 50%;
background-color: #FFFFFF;
border: 1rpx solid #DEDEDE;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #333333;
position: relative;
margin-top: 30rpx;
.icon-text{
font-size: 50rpx;
line-height: 1;
}
.tips{
font-size: 20rpx;
color: #333333;
}
.angle-mark{
position: absolute;
right: 4rpx;
top: 4rpx;
width: 40rpx;
height: 40rpx;
background-color: #15716E;
border-radius: 50%;
font-size: 20rpx;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
}
}
.fixed-live{
background: #15716E;
border-radius: 100rpx 5rpx 100rpx 100rpx;
border: none;
color: #FFFFFF;
// animation: bounceIn 1s .2s ease both;
backface-visibility:visible;
transform-origin:center center;
animation: demo 2s 0s infinite ease normal none ;
// &>text:nth-child(1){
// animation: fadeInRightBig 1s .1s ease both;
// }
.tips{
color: #FFFFFF;
}
}
}
.tag-father { .tag-father {
position: relative; position: relative;
} }
@ -441,8 +545,8 @@
padding-bottom: constant(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
.fixed-btn{ .fixed-btn{
width: 100rpx;
height: 100rpx;
width: 110rpx;
height: 110rpx;
border-radius: 50%; border-radius: 50%;
background-color: #15716E; background-color: #15716E;
display: flex; display: flex;
@ -452,17 +556,17 @@
} }
} }
.fixed-right1{
.fixed-right2{
position: fixed; position: fixed;
right: 32rpx; right: 32rpx;
bottom: 320rpx;
bottom: 440rpx;
width: max-content; width: max-content;
height: max-content; height: max-content;
padding-bottom: constant(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
.fixed-btn{ .fixed-btn{
width: 100rpx;
height: 100rpx;
width: 110rpx;
height: 110rpx;
border-radius: 50%; border-radius: 50%;
background-color: #15716E; background-color: #15716E;
display: flex; display: flex;

5
pages/discover/discoverdetails.vue
View File

@ -106,7 +106,7 @@
<!-- 底部tab --> <!-- 底部tab -->
<view class="comment-tab"> <view class="comment-tab">
<view> <view>
<input class="rom-search" confirm-type="send" type="text" v-if="ifApply" :focus="ifApply" @confirm="applyComment(apply_userid,apply_commentid)" :cursor-spacing="8" v-model="comment" placeholder="说点什么" />
<input class="rom-search" confirm-type="send" type="text" v-if="ifApply" :focus="ifApply" @blur="changeState()" @confirm="applyComment(apply_userid,apply_commentid)" :cursor-spacing="8" v-model="comment" placeholder="说点什么" />
<input class="rom-search" type="text" confirm-type="send" v-else @confirm="sendComment(discover_details.id)" :cursor-spacing="8" v-model="comment" placeholder="说点什么" /> <input class="rom-search" type="text" confirm-type="send" v-else @confirm="sendComment(discover_details.id)" :cursor-spacing="8" v-model="comment" placeholder="说点什么" />
</view> </view>
<view class="lf-row-center"> <view class="lf-row-center">
@ -148,6 +148,9 @@
this.getCommentList(); this.getCommentList();
}, },
methods: { methods: {
changeState() {
this.ifApply = false;
},
checkPicture(image_list,current) { checkPicture(image_list,current) {
if(image_list.length <= 0) return; if(image_list.length <= 0) return;
let list = []; let list = [];

106
pages/index/category/category.vue
View File

@ -85,6 +85,17 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 悬浮购物车入口 -->
<view class="fixed-right">
<view class="fixed-cart" hover-class="lf-opacity" @click="$url('/pages/store/cart/cart')">
<text class="lf-iconfont icon-gouwulan icon-text"></text>
<text class="tips">购物车</text>
<block v-if="$isRight(car_num)">
<view class="angle-mark" v-if="car_num<99">{{car_num || 0}}</view>
<view class="angle-mark" v-else>99+</view>
</block>
</view>
</view>
<lf-tabbar></lf-tabbar> <lf-tabbar></lf-tabbar>
</view> </view>
</template> </template>
@ -128,7 +139,8 @@
filter_active: '', filter_active: '',
brand_list: [], brand_list: [],
point_list: [], point_list: [],
scrollAnchorId: ''
scrollAnchorId: '',
car_num: 0
}; };
}, },
computed: { computed: {
@ -162,12 +174,44 @@
this.getCategoryList().then(() => { this.getCategoryList().then(() => {
self.computerH(); self.computerH();
}); });
this.getcarNum();
// setTimeout(function() { // setTimeout(function() {
// self.computerH(); // self.computerH();
// }, 100); // }, 100);
// this.createAtoZ(); // this.createAtoZ();
}, },
methods: { methods: {
getcarNum() {
this.$http
.get({
api: 'api/shopping/cart/count',
header: {
Authorization: this.$cookieStorage.get('user_token')
},
})
.then(res => {
if (res.data.code == 200) {
if(res.data.data == null) {
this.car_num = 0;
}else {
this.car_num = res.data.data;
}
} else {
wx.showModal({
content: '请下拉页面刷新重试',
showCancel: false
});
}
})
.catch(() => {
wx.stopPullDownRefresh();
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
},
getBrandList(options = {}){ getBrandList(options = {}){
let par = {}; let par = {};
if(options.filter){ if(options.filter){
@ -320,6 +364,66 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.fixed-right{
position: fixed;
right: 32rpx;
bottom: 400rpx;
width: max-content;
height: max-content;
z-index: 9;
.fixed-cart{
width: 110rpx;
height: 110rpx;
border-radius: 50%;
background-color: #FFFFFF;
border: 1rpx solid #DEDEDE;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #333333;
position: relative;
margin-top: 30rpx;
.icon-text{
font-size: 50rpx;
line-height: 1;
}
.tips{
font-size: 20rpx;
color: #333333;
}
.angle-mark{
position: absolute;
right: 4rpx;
top: 4rpx;
width: 40rpx;
height: 40rpx;
background-color: #15716E;
border-radius: 50%;
font-size: 20rpx;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
}
}
.fixed-live{
background: #15716E;
border-radius: 100rpx 5rpx 100rpx 100rpx;
border: none;
color: #FFFFFF;
// animation: bounceIn 1s .2s ease both;
backface-visibility:visible;
transform-origin:center center;
animation: demo 2s 0s infinite ease normal none ;
// &>text:nth-child(1){
// animation: fadeInRightBig 1s .1s ease both;
// }
.tips{
color: #FFFFFF;
}
}
}
.page { .page {
display: grid; display: grid;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;

6
pages/index/collectCoupons/collectCoupons.vue
View File

@ -34,6 +34,12 @@
<view>抢光了</view> <view>抢光了</view>
</view> </view>
</block> </block>
<block v-if="item.coupon_count >= item.per_usage_limit && !item.ifpast">
<view class="coupon-opacity"></view>
<view class="coupon-end" :class="item.ifpast?'lf-bg-999':''">
<view>已领取</view>
</view>
</block>
</view> </view>
</view> </view>
<u-back-top :scrollTop="pageScrollTop"></u-back-top> <u-back-top :scrollTop="pageScrollTop"></u-back-top>

6
pages/order/newdetail/newdetail.vue
View File

@ -68,7 +68,7 @@
<view class="lf-font-24 lf-color-777">{{item.item_meta.specs_text}}</view> <view class="lf-font-24 lf-color-777">{{item.item_meta.specs_text}}</view>
<view class="lf-row-between" style="line-height: 1;"> <view class="lf-row-between" style="line-height: 1;">
<text class="price" v-if="type == 'point'">{{item.redeem_point}}积分</text> <text class="price" v-if="type == 'point'">{{item.redeem_point}}积分</text>
<text class="price" v-else>¥{{item.total_yuan}}</text>
<text class="price" v-else>¥{{item.unit_price_yuan}}</text>
<text class="lf-font-28 lf-color-777">x {{item.quantity}}</text> <text class="lf-font-28 lf-color-777">x {{item.quantity}}</text>
</view> </view>
</view> </view>
@ -101,7 +101,7 @@
</view> </view>
<view class="lf-row-between lf-m-t-30 lf-font-28"> <view class="lf-row-between lf-m-t-30 lf-font-28">
<text class="lf-color-777">运费</text> <text class="lf-color-777">运费</text>
<text class="lf-color-222">+¥10</text>
<text class="lf-color-222">+￥{{order_details.payable_freight_yuan}}</text>
</view> </view>
<view class="lf-row-between lf-m-t-30 lf-font-28"> <view class="lf-row-between lf-m-t-30 lf-font-28">
<text class="lf-color-777">订单总价</text> <text class="lf-color-777">订单总价</text>
@ -178,7 +178,7 @@
</view> </view>
<!-- 代付款 --> <!-- 代付款 -->
<view class="order-btn" v-if="order_details.status == 1"> <view class="order-btn" v-if="order_details.status == 1">
<view class="lf-font-28 lf-row-center lf-color-777">
<view class="lf-font-28 lf-row-center lf-color-price">
待付款 待付款
</view> </view>
<view class="lf-flex"> <view class="lf-flex">

70
pages/shop/goodsdetail.vue
View File

@ -136,15 +136,15 @@
</view> </view>
</view> </view>
</view> </view>
<!-- <view>
<button class="head-btn" @click="$url('/pages/user/my/chatonline')">
<view>
<button class="head-btn" @click="makePhone()">
<text class="lf-iconfont icon-kefuhdpi lf-font-24"></text> <text class="lf-iconfont icon-kefuhdpi lf-font-24"></text>
<text class="lf-m-l-10">客服</text> <text class="lf-m-l-10">客服</text>
</button> </button>
</view> -->
</view> </view>
</view> </view>
<scroll-view class="scroll-view" :scroll-x="true">
</view>
<scroll-view class="scroll-view" :scroll-x="true" v-if="brand_detail.goods.length!=0">
<view class="scroll-content"> <view class="scroll-content">
<view class="goods-item" <view class="goods-item"
v-for="(item, index) in brand_detail.goods" v-for="(item, index) in brand_detail.goods"
@ -178,10 +178,10 @@
<!-- 吸底操作按钮 --> <!-- 吸底操作按钮 -->
<view class="lf-row-between fixed-bottom"> <view class="lf-row-between fixed-bottom">
<view class="lf-flex lf-p-t-10 lf-p-b-10"> <view class="lf-flex lf-p-t-10 lf-p-b-10">
<!-- <view class="lf-flex-column lf-row-center icon-item" open-type="contact">
<view class="lf-flex-column lf-row-center icon-item" @click="makePhone()">
<text class="lf-iconfont icon-pinglun- icon-img"></text> <text class="lf-iconfont icon-pinglun- icon-img"></text>
<view class="lf-m-t-1">客服</view> <view class="lf-m-t-1">客服</view>
</view> -->
</view>
<view class="lf-flex-column lf-row-center icon-item" @click="switchCollect"> <view class="lf-flex-column lf-row-center icon-item" @click="switchCollect">
<text class="lf-iconfont icon-shoucang2 icon-img lf-color-price" v-if="is_collect"></text> <text class="lf-iconfont icon-shoucang2 icon-img lf-color-price" v-if="is_collect"></text>
<text class="lf-iconfont icon-shoucang11 icon-img" v-else></text> <text class="lf-iconfont icon-shoucang11 icon-img" v-else></text>
@ -190,6 +190,10 @@
<button class="lf-flex-column lf-row-center icon-item" @click="$url('/pages/store/cart/cart')"> <button class="lf-flex-column lf-row-center icon-item" @click="$url('/pages/store/cart/cart')">
<text class="lf-iconfont icon-gouwulan icon-img"></text> <text class="lf-iconfont icon-gouwulan icon-img"></text>
<view class="lf-m-t-1">购物车</view> <view class="lf-m-t-1">购物车</view>
<block v-if="$isRight(car_num)">
<view class="angle-mark" v-if="car_num<99">{{car_num || 0}}</view>
<view class="angle-mark" v-else>99+</view>
</block>
</button> </button>
</view> </view>
<view v-if="type == 'seckill'"> <view v-if="type == 'seckill'">
@ -287,7 +291,8 @@
token: '', token: '',
coupons: [], // 优惠 coupons: [], // 优惠
goods_num: 1, goods_num: 1,
is_date_finish: false
is_date_finish: false,
car_num: 0
} }
}, },
computed: { computed: {
@ -334,8 +339,45 @@
this.goods_id = options.id; this.goods_id = options.id;
this.getNewdetail(); this.getNewdetail();
this.getGoodsStock(); // 获取商品库存、规格信息 this.getGoodsStock(); // 获取商品库存、规格信息
this.getcarNum()
}, },
methods: { methods: {
getcarNum() {
this.$http
.get({
api: 'api/shopping/cart/count',
header: {
Authorization: this.$cookieStorage.get('user_token')
},
})
.then(res => {
if (res.data.code == 200) {
if(res.data.data == null) {
this.car_num = 0;
}else {
this.car_num = res.data.data;
}
} else {
wx.showModal({
content: '请下拉页面刷新重试',
showCancel: false
});
}
})
.catch(() => {
wx.stopPullDownRefresh();
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
},
makePhone() {
uni.makePhoneCall({
phoneNumber: '114' //仅为示例
});
},
// 切换商品收藏 // 切换商品收藏
switchCollect(){ switchCollect(){
if(!this.token){ if(!this.token){
@ -711,6 +753,20 @@
} }
</style> </style>
<style lang="scss" scoped="scoped"> <style lang="scss" scoped="scoped">
.angle-mark{
position: absolute;
right: 4rpx;
top: 4rpx;
width: 40rpx;
height: 40rpx;
background-color: #15716E;
border-radius: 50%;
font-size: 20rpx;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
}
//商品上去scrollview部分 //商品上去scrollview部分
.scroll-view{ .scroll-view{
height: 310rpx; height: 310rpx;

2
pages/shop/shopdetail.vue
View File

@ -50,7 +50,7 @@
<view class="recommend-box" > <view class="recommend-box" >
<view class="goods-rom" v-for="(item,index) of detail.goods" :key="index" v-if="detail.goods.length" @click="$url('/pages/shop/goodsdetail?id='+item.id)"> <view class="goods-rom" v-for="(item,index) of detail.goods" :key="index" v-if="detail.goods.length" @click="$url('/pages/shop/goodsdetail?id='+item.id)">
<u-lazy-load threshold="-450" border-radius="8px 8px 0 0" :image="item.img" :index="index"> <u-lazy-load threshold="-450" border-radius="8px 8px 0 0" :image="item.img" :index="index">
<view class="list-label">已售{{item.sale_count}}</view>
<!-- <view class="list-label">已售{{item.sale_count}}</view> -->
</u-lazy-load> </u-lazy-load>
<view class="lf-p-20"> <view class="lf-p-20">
<view class="list-title"> <view class="list-title">

106
pages/user/my/center.vue
View File

@ -103,6 +103,17 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 悬浮购物车入口 -->
<view class="fixed-right">
<view class="fixed-cart" hover-class="lf-opacity" @click="$url('/pages/store/cart/cart')">
<text class="lf-iconfont icon-gouwulan icon-text"></text>
<text class="tips">购物车</text>
<block v-if="$isRight(car_num)">
<view class="angle-mark" v-if="car_num<99">{{car_num || 0}}</view>
<view class="angle-mark" v-else>99+</view>
</block>
</view>
</view>
<lf-tabbar></lf-tabbar> <lf-tabbar></lf-tabbar>
</view> </view>
</template> </template>
@ -164,7 +175,8 @@
token: '', // 用户token token: '', // 用户token
code: '', code: '',
centerInfo: {}, centerInfo: {},
show_count: 0
show_count: 0,
car_num: 0
} }
}, },
onLoad(){ onLoad(){
@ -187,6 +199,7 @@
} }
this.getMeInfo(); this.getMeInfo();
this.getUcenter(); this.getUcenter();
this.getcarNum();
}, },
onShow(){ onShow(){
this.show_count++; this.show_count++;
@ -206,6 +219,37 @@
} }
}, },
methods: { methods: {
getcarNum() {
this.$http
.get({
api: 'api/shopping/cart/count',
header: {
Authorization: this.$cookieStorage.get('user_token')
},
})
.then(res => {
if (res.data.code == 200) {
if(res.data.data == null) {
this.car_num = 0;
}else {
this.car_num = res.data.data;
}
} else {
wx.showModal({
content: '请下拉页面刷新重试',
showCancel: false
});
}
})
.catch(() => {
wx.stopPullDownRefresh();
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
},
// 获取页面信息 // 获取页面信息
getMeInfo(){ getMeInfo(){
this.$http.get({ this.$http.get({
@ -317,6 +361,66 @@
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.fixed-right{
position: fixed;
right: 32rpx;
bottom: 400rpx;
width: max-content;
height: max-content;
z-index: 9;
.fixed-cart{
width: 110rpx;
height: 110rpx;
border-radius: 50%;
background-color: #FFFFFF;
border: 1rpx solid #DEDEDE;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #333333;
position: relative;
margin-top: 30rpx;
.icon-text{
font-size: 50rpx;
line-height: 1;
}
.tips{
font-size: 20rpx;
color: #333333;
}
.angle-mark{
position: absolute;
right: 4rpx;
top: 4rpx;
width: 40rpx;
height: 40rpx;
background-color: #15716E;
border-radius: 50%;
font-size: 20rpx;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
}
}
.fixed-live{
background: #15716E;
border-radius: 100rpx 5rpx 100rpx 100rpx;
border: none;
color: #FFFFFF;
// animation: bounceIn 1s .2s ease both;
backface-visibility:visible;
transform-origin:center center;
animation: demo 2s 0s infinite ease normal none ;
// &>text:nth-child(1){
// animation: fadeInRightBig 1s .1s ease both;
// }
.tips{
color: #FFFFFF;
}
}
}
.order-children { .order-children {
width: 134rpx; width: 134rpx;
height: 100%; height: 100%;

Write Preview
Loading…
Cancel
Save