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
3ebdd165fd
commit
d800bbd81e
10 changed files with 572 additions and 526 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. 6
      manifest.json
  2. 9
      pages/business/order/list.vue
  3. 10
      pages/index/activity/confirm.vue
  4. 12
      pages/index/index/index.vue
  5. 29
      pages/order/cashier/cashier.vue
  6. 9
      pages/order/confirm/confirm.vue
  7. 9
      pages/order/pointconfirm/confirm.vue
  8. 2
      pages/user/my/center.vue
  9. 36
      uview-ui/components/u-column-notice/u-column-notice.vue
  10. 2
      uview-ui/components/u-notice-bar/u-notice-bar.vue

6
manifest.json
View File

@ -124,6 +124,12 @@
}, },
"usingComponents" : true, "usingComponents" : true,
"permission" : {} "permission" : {}
// "plugins" : {
// "live-player-plugin" : {
// "version" : "1.3.2", //最新直播组件版本号
// "provider" : "wx2b03c6e691cd7370" //直播appid
// }
// }
}, },
"mp-alipay" : { "mp-alipay" : {
"usingComponents" : true "usingComponents" : true

9
pages/business/order/list.vue
View File

@ -20,15 +20,16 @@
<view class="info"> <view class="info">
<view class="lf-font-26 lf-color-333 lf-line-2">{{ item.items[0].item_name }}</view> <view class="lf-font-26 lf-color-333 lf-line-2">{{ item.items[0].item_name }}</view>
<view class="lf-row-between" style="line-height: 1;"> <view class="lf-row-between" style="line-height: 1;">
<text class="lf-font-24 lf-color-777">{{ item.payment.amount }}件；{{ item.items[0].item_meta.specs_text }}</text>
<text class="lf-font-32 lf-font-bold" style="color: #F63434;">¥{{ item.payment.amount_yuan }}</text>
<text class="lf-font-24 lf-color-777">{{ item.count }}件；{{ item.items[0].item_meta.specs_text }}</text>
<!-- <text class="lf-font-32 lf-font-bold" style="color: #F63434;" v-if="item.payment != null">¥{{ item.payment.amount_yuan }}</text> -->
<text class="lf-font-32 lf-font-bold" style="color: #F63434;">¥{{ item.items[0].unit_price }}</text>
</view> </view>
</view> </view>
</view> </view>
<view class="order-num"> <view class="order-num">
<view class="deliver" v-if="item.status_text == '待发货'" @click="deliver(item.order_no)">发货</view> <view class="deliver" v-if="item.status_text == '待发货'" @click="deliver(item.order_no)">发货</view>
<view v-else>{{ item.status_text }}</view> <view v-else>{{ item.status_text }}</view>
<view style="color: #F63434;" @click="removeOrder(item.order_no, tab_index, index)">删除订单</view>
<view style="color: #F63434;" @click="removeOrder(item.order_no, tab_index, index)">取消订单</view>
</view> </view>
</view> </view>
<lf-nocontent src="/static/images/empty.png" v-if="tab_item.list.length <= 0"></lf-nocontent> <lf-nocontent src="/static/images/empty.png" v-if="tab_item.list.length <= 0"></lf-nocontent>
@ -213,7 +214,7 @@
removeOrder(order_no, parentIndex, childIndex){ removeOrder(order_no, parentIndex, childIndex){
uni.showModal({ uni.showModal({
title: '温馨提示', title: '温馨提示',
content: '确定删除该订单吗？',
content: '确定取消该订单吗？',
success: result => { success: result => {
if(result.confirm){ if(result.confirm){
this.$http.post({ this.$http.post({

10
pages/index/activity/confirm.vue
View File

@ -22,7 +22,8 @@
return { return {
name: '', name: '',
phone: '', phone: '',
activity_id: 0
activity_id: 0,
clickContinue: true
} }
}, },
onLoad(e){ onLoad(e){
@ -31,6 +32,8 @@
}, },
methods: { methods: {
confirm(){ confirm(){
if(this.clickContinue == true) {
this.clickContinue = false;
if(!this.name || !this.phone) return this.$msg('请将信息补充完整'); if(!this.name || !this.phone) return this.$msg('请将信息补充完整');
this.$http this.$http
@ -48,10 +51,12 @@
.then(res => { .then(res => {
if (res.data.code == 200) { if (res.data.code == 200) {
if (res.data.status) { if (res.data.status) {
this.clickContinue = true;
this.$msg('报名成功').then(() => { this.$msg('报名成功').then(() => {
this.$toBack(); this.$toBack();
}) })
} else { } else {
this.clickContinue = true;
wx.showModal({ wx.showModal({
content: res.data.message || '人数爆满,请稍后重试!', content: res.data.message || '人数爆满,请稍后重试!',
showCancel: false, showCancel: false,
@ -61,6 +66,7 @@
}); });
} }
} else { } else {
this.clickContinue = true;
wx.showModal({ wx.showModal({
content: res.data.message || '人数爆满,请稍后重试!', content: res.data.message || '人数爆满,请稍后重试!',
showCancel: false, showCancel: false,
@ -72,6 +78,7 @@
wx.hideLoading(); wx.hideLoading();
}) })
.catch(() => { .catch(() => {
this.clickContinue = true;
wx.hideLoading(); wx.hideLoading();
wx.showModal({ wx.showModal({
content: '请求失败', content: '请求失败',
@ -81,6 +88,7 @@
} }
} }
} }
}
</script> </script>
<style lang="scss" scoped="scoped"> <style lang="scss" scoped="scoped">

12
pages/index/index/index.vue
View File

@ -28,8 +28,9 @@
<!-- 今日头条 --> <!-- 今日头条 -->
<view class="fuwu-tips" v-if="item.name == 'micro_page_componet_article_-' || item.name == 'micro_page_componet_article_|'"> <view class="fuwu-tips" v-if="item.name == 'micro_page_componet_article_-' || item.name == 'micro_page_componet_article_|'">
<view class="fuwu-tips-title">今日头条</view> <view class="fuwu-tips-title">今日头条</view>
<view>
<text class="fuwu-tips-desc1">{{ item.title }}</text>
<view style="width: 100%;height: 100%;">
<!-- <text class="fuwu-tips-desc1">{{ item.title }}</text> -->
<u-notice-bar type="none" :volume-icon="false" mode="vertical" :list="item.value"></u-notice-bar>
<!-- <text class="fuwu-tips-desc1">线上商城全场限时包邮</text> <!-- <text class="fuwu-tips-desc1">线上商城全场限时包邮</text>
<text class="fuwu-tips-desc2">(部分品牌满额包邮)</text> --> <text class="fuwu-tips-desc2">(部分品牌满额包邮)</text> -->
</view> </view>
@ -73,7 +74,7 @@
</view> </view>
<!-- 悬浮购物车入口 --> <!-- 悬浮购物车入口 -->
<view class="fixed-right"> <view class="fixed-right">
<view class="fixed-cart fixed-live" hover-class="lf-opacity" @click="$msg('敬请期待')">
<view class="fixed-cart fixed-live" hover-class="lf-opacity" @click="goLive()">
<text class="lf-iconfont icon-zhibo icon-text"></text> <text class="lf-iconfont icon-zhibo icon-text"></text>
<text class="tips">直播间</text> <text class="tips">直播间</text>
</view> </view>
@ -268,6 +269,11 @@
}, },
// 方法，需要将小程序的方法都放到这个里面 // 方法，需要将小程序的方法都放到这个里面
methods: { methods: {
goLive() {
wx.navigateTo({
url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=1`
})
},
getAlertAd(){ getAlertAd(){
this.$http.get({ this.$http.get({
api: '/api/ad' api: '/api/ad'

29
pages/order/cashier/cashier.vue
View File

@ -20,15 +20,18 @@
</view> </view>
</template> </template>
</countdown-timer> --> </countdown-timer> -->
<countdown-time minute="5" second="0" :showDay="false" :showHour="false" color="#FF9D9D" splitorColor="#FF9D9D">
<countdown-time minute="5" second="0" :showDay="false" :showHour="false" color="#FF9D9D"
splitorColor="#FF9D9D">
</countdown-time> </countdown-time>
</view> </view>
</view> </view>
</view> </view>
<label class="card lf-row-between" v-for="(item, index) in pay_list" :key="index" style="padding: 16rpx 40rpx;">
<label class="card lf-row-between" v-for="(item, index) in pay_list" :key="index"
style="padding: 16rpx 40rpx;">
<view> <view>
<text class="lf-iconfont lf-font-50 lf-text-vertical" :class="item.icon" :style="{color: item.color}"></text>
<text class="lf-iconfont lf-font-50 lf-text-vertical" :class="item.icon"
:style="{color: item.color}"></text>
<text class="lf-m-l-10 lf-font-28 lf-color-222">{{ item.name }}</text> <text class="lf-m-l-10 lf-font-28 lf-color-222">{{ item.name }}</text>
</view> </view>
<radio-group @change="checkChange($event, index)"> <radio-group @change="checkChange($event, index)">
@ -72,7 +75,8 @@
token: '', token: '',
balance_sum: 0, balance_sum: 0,
show_pw: false, show_pw: false,
user_pw: ''
user_pw: '',
clickContinue: true
} }
}, },
onLoad(options) { onLoad(options) {
@ -109,7 +113,9 @@
dateFinish() { dateFinish() {
console.log("倒计时结束"); console.log("倒计时结束");
this.is_date_finish = true; this.is_date_finish = true;
this.$msg('订单超时', {icon: 'error'}).then(() => {
this.$msg('订单超时', {
icon: 'error'
}).then(() => {
this.$toBack(); this.$toBack();
}) })
}, },
@ -120,6 +126,8 @@
}, },
// 支付 // 支付
confirm() { confirm() {
if (this.clickContinue == true) {
this.clickContinue = false;
if (this.is_date_finish) return this.$msg('订单超时未支付'); if (this.is_date_finish) return this.$msg('订单超时未支付');
let channel = ''; let channel = '';
this.pay_list.map(item => { this.pay_list.map(item => {
@ -164,8 +172,10 @@
this.newcharge(false, res.message); this.newcharge(false, res.message);
this.show_pw = false; this.show_pw = false;
} }
this.clickContinue = true;
}) })
}).catch(() => { }).catch(() => {
this.clickContinue = true;
this.show_pw = false; this.show_pw = false;
this.setData({ this.setData({
loading: false loading: false
@ -175,6 +185,7 @@
showCancel: false showCancel: false
}); });
}); });
}
}, },
// 获取openid // 获取openid
getOpenid() { getOpenid() {
@ -230,7 +241,8 @@
// url: `/pages/store/success/success?order_no=${that.order_no}&amount=${that.amount}&channel=${that.channel}&formId=${this.formId}` //&charge_id=${charge.charge_id} charge_id 支付测试使用 // url: `/pages/store/success/success?order_no=${that.order_no}&amount=${that.amount}&channel=${that.channel}&formId=${this.formId}` //&charge_id=${charge.charge_id} charge_id 支付测试使用
// }); // });
uni.redirectTo({ uni.redirectTo({
url: '/pages/aboutpay/paystate?payState=1&amount='+ that.amount
url: '/pages/aboutpay/paystate?payState=1&amount=' + that
.amount
}) })
} else { } else {
wx.showModal({ wx.showModal({
@ -319,24 +331,29 @@
width: 750rpx; width: 750rpx;
height: max-content; height: max-content;
box-sizing: border-box; box-sizing: border-box;
.card { .card {
width: 100%; width: 100%;
height: max-content; height: max-content;
padding: 30rpx 40rpx; padding: 30rpx 40rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
border-radius: 20rpx; border-radius: 20rpx;
&:nth-child(n+2) { &:nth-child(n+2) {
margin-top: 30rpx; margin-top: 30rpx;
} }
.symbol { .symbol {
color: #15716E; color: #15716E;
font-size: 32rpx; font-size: 32rpx;
} }
.price { .price {
font-size: 72rpx; font-size: 72rpx;
color: #15716E; color: #15716E;
font-weight: bold; font-weight: bold;
} }
.tips { .tips {
font-size: 24rpx; font-size: 24rpx;
color: #FF9D9D; color: #FF9D9D;

9
pages/order/confirm/confirm.vue
View File

@ -174,7 +174,8 @@
coupon_index: null, coupon_index: null,
goods_type: 1, goods_type: 1,
itemsPrice: 0, // 商品金额(所有商品之和，但不包括额外费用及优惠) itemsPrice: 0, // 商品金额(所有商品之和，但不包括额外费用及优惠)
totalPrice: 0 // 合计价格
totalPrice: 0 ,// 合计价格
clickContinue: true
} }
}, },
computed: { computed: {
@ -325,6 +326,8 @@
// 提交订单 // 提交订单
confirm(){ confirm(){
console.log(this.address) console.log(this.address)
if(this.clickContinue == true) {
this.clickContinue = false;
if(this.address == null) { if(this.address == null) {
this.$msg('请先添加收货地址!'); this.$msg('请先添加收货地址!');
return return
@ -347,17 +350,19 @@
Authorization: this.token Authorization: this.token
} }
}).then(res => { }).then(res => {
console.log("`````````", res);
if(res.data.code == 200 || res.data.code == true){ if(res.data.code == 200 || res.data.code == true){
let order = res.data.data.order; let order = res.data.data.order;
let url = '/pages/order/cashier/cashier'; let url = '/pages/order/cashier/cashier';
url += '?amount='+ this.totalPrice; url += '?amount='+ this.totalPrice;
url += '&order_no='+ order.order_no; url += '&order_no='+ order.order_no;
this.$url(url, {type: 'redirect'}); this.$url(url, {type: 'redirect'});
this.clickContinue = true;
}else{ }else{
this.$msg(res.data.message); this.$msg(res.data.message);
this.clickContinue = true;
} }
}) })
}
}, },
// 选择优惠券 // 选择优惠券
couponChange(event){ couponChange(event){

9
pages/order/pointconfirm/confirm.vue
View File

@ -160,7 +160,8 @@
show_coupon: false, show_coupon: false,
coupon_index: null, coupon_index: null,
goods_type: 0, goods_type: 0,
params: {}
params: {},
clickContinue: true
} }
}, },
computed: { computed: {
@ -267,6 +268,8 @@
}, },
// 提交订单 // 提交订单
confirm(){ confirm(){
if(this.clickContinue == true) {
this.clickContinue = false;
console.log(this.address) console.log(this.address)
if(this.address == null) { if(this.address == null) {
this.$msg('请先添加收货地址!'); this.$msg('请先添加收货地址!');
@ -293,7 +296,9 @@
url += '?amount='+ order.payable_freight_yuan; url += '?amount='+ order.payable_freight_yuan;
url += '&order_no='+ order.order_no; url += '&order_no='+ order.order_no;
this.$url(url, {type: 'redirect'}); this.$url(url, {type: 'redirect'});
this.clickContinue = true;
}else { }else {
this.clickContinue = true;
this.$msg('兑换成功') this.$msg('兑换成功')
setTimeout(() => { setTimeout(() => {
this.$toBack() this.$toBack()
@ -301,8 +306,10 @@
} }
}else{ }else{
this.$msg(res.data.message); this.$msg(res.data.message);
this.clickContinue = true;
} }
}) })
}
}, },
// 选择优惠券 // 选择优惠券
couponChange(event){ couponChange(event){

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

@ -82,14 +82,12 @@
</view> </view>
<view class="order-children" @click="$url('/pages/order/index/onlineorder?current=2')"> <view class="order-children" @click="$url('/pages/order/index/onlineorder?current=2')">
<view> <view>
<view class="function-tag" v-if="centerInfo.paidCount != 0 && $isRight(centerInfo)">{{centerInfo.paidCount}}</view>
<view class="lf-iconfont lf-font-50 icon-31daifahuo"></view> <view class="lf-iconfont lf-font-50 icon-31daifahuo"></view>
</view> </view>
<view class="lf-color-black lf-font-28 lf-m-t-20">待发货</view> <view class="lf-color-black lf-font-28 lf-m-t-20">待发货</view>
</view> </view>
<view class="order-children" @click="$url('/pages/order/index/onlineorder?current=3')"> <view class="order-children" @click="$url('/pages/order/index/onlineorder?current=3')">
<view> <view>
<view class="function-tag" v-if="centerInfo.deliveredCount != 0 && $isRight(centerInfo)">{{centerInfo.deliveredCount}}</view>
<view class="lf-iconfont lf-font-50 icon-daishouhuo"></view> <view class="lf-iconfont lf-font-50 icon-daishouhuo"></view>
</view> </view>
<view class="lf-color-black lf-font-28 lf-m-t-20">待收货</view> <view class="lf-color-black lf-font-28 lf-m-t-20">待收货</view>

36
uview-ui/components/u-column-notice/u-column-notice.vue
View File

@ -1,32 +1,28 @@
<template> <template>
<view
class="u-notice-bar"
:style="{
<view class="u-notice-bar" :style="{
background: computeBgColor, background: computeBgColor,
padding: padding padding: padding
}"
:class="[
}" :class="[
type ? `u-type-${type}-light-bg` : '' type ? `u-type-${type}-light-bg` : ''
]"
>
]">
<view class="u-icon-wrap"> <view class="u-icon-wrap">
<u-icon class="u-left-icon" v-if="volumeIcon" name="volume-fill" :size="volumeSize" :color="computeColor"></u-icon>
<u-icon class="u-left-icon" v-if="volumeIcon" name="volume-fill" :size="volumeSize" :color="computeColor">
</u-icon>
</view> </view>
<swiper :disable-touch="disableTouch" @change="change" :autoplay="autoplay && playState == 'play'" :vertical="vertical" circular :interval="duration" class="u-swiper">
<swiper :disable-touch="disableTouch" @change="change" :autoplay="autoplay && playState == 'play'"
:vertical="vertical" circular :interval="duration" class="u-swiper">
<swiper-item v-for="(item, index) in list" :key="index" class="u-swiper-item"> <swiper-item v-for="(item, index) in list" :key="index" class="u-swiper-item">
<view
class="u-news-item u-line-1"
:style="[textStyle]"
@tap="click(index)"
:class="['u-type-' + type]"
>
{{ item }}
<view class="u-news-item u-line-1" :style="[textStyle]" @tap="click(index,item)"
:class="['u-type-' + type]">
{{ item.associate.title }}
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view class="u-icon-wrap"> <view class="u-icon-wrap">
<u-icon @click="getMore" class="u-right-icon" v-if="moreIcon" name="arrow-right" :size="26" :color="computeColor"></u-icon>
<u-icon @click="close" class="u-right-icon" v-if="closeIcon" name="close" :size="24" :color="computeColor"></u-icon>
<u-icon @click="getMore" class="u-right-icon" v-if="moreIcon" name="arrow-right" :size="26"
:color="computeColor"></u-icon>
<u-icon @click="close" class="u-right-icon" v-if="closeIcon" name="close" :size="24" :color="computeColor">
</u-icon>
</view> </view>
</view> </view>
</template> </template>
@ -167,8 +163,10 @@ export default {
}, },
methods: { methods: {
// 点击通告栏 // 点击通告栏
click(index) {
click(index, item) {
this.$emit('click', index); this.$emit('click', index);
this.$url(item.link)
console.log(item.link)
}, },
// 点击关闭按钮 // 点击关闭按钮
close() { close() {

2
uview-ui/components/u-notice-bar/u-notice-bar.vue
View File

@ -131,7 +131,7 @@ export default {
// 滚动方向，horizontal-水平滚动，vertical-垂直滚动 // 滚动方向，horizontal-水平滚动，vertical-垂直滚动
mode: { mode: {
type: String, type: String,
default: 'horizontal'
default: 'vertical'
}, },
// 是否显示 // 是否显示
show: { show: {

Write Preview
Loading…
Cancel
Save