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
Split 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,
"permission" : {}
// "plugins" : {
// "live-player-plugin" : {
// "version" : "1.3.2", //最新直播组件版本号
// "provider" : "wx2b03c6e691cd7370" //直播appid
// }
// }
},
"mp-alipay" : {
"usingComponents" : true

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

@ -20,15 +20,16 @@
<view class="info">
<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;">
<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 class="order-num">
<view class="deliver" v-if="item.status_text == '待发货'" @click="deliver(item.order_no)">发货</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>
<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){
uni.showModal({
title: '温馨提示',
content: '确定删除该订单吗？',
content: '确定取消该订单吗？',
success: result => {
if(result.confirm){
this.$http.post({

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

@ -22,7 +22,8 @@
return {
name: '',
phone: '',
activity_id: 0
activity_id: 0,
clickContinue: true
}
},
onLoad(e){
@ -31,6 +32,8 @@
},
methods: {
confirm(){
if(this.clickContinue == true) {
this.clickContinue = false;
if(!this.name || !this.phone) return this.$msg('请将信息补充完整');
this.$http
@ -48,10 +51,12 @@
.then(res => {
if (res.data.code == 200) {
if (res.data.status) {
this.clickContinue = true;
this.$msg('报名成功').then(() => {
this.$toBack();
})
} else {
this.clickContinue = true;
wx.showModal({
content: res.data.message || '人数爆满,请稍后重试!',
showCancel: false,
@ -61,6 +66,7 @@
});
}
} else {
this.clickContinue = true;
wx.showModal({
content: res.data.message || '人数爆满,请稍后重试!',
showCancel: false,
@ -72,6 +78,7 @@
wx.hideLoading();
})
.catch(() => {
this.clickContinue = true;
wx.hideLoading();
wx.showModal({
content: '请求失败',
@ -81,6 +88,7 @@
}
}
}
}
</script>
<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-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-desc2">(部分品牌满额包邮)</text> -->
</view>
@ -73,7 +74,7 @@
</view>
<!-- 悬浮购物车入口 -->
<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="tips">直播间</text>
</view>
@ -268,6 +269,11 @@
},
// 方法，需要将小程序的方法都放到这个里面
methods: {
goLive() {
wx.navigateTo({
url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=1`
})
},
getAlertAd(){
this.$http.get({
api: '/api/ad'

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

@ -20,15 +20,18 @@
</view>
</template>
</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>
</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>
<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>
</view>
<radio-group @change="checkChange($event, index)">
@ -72,7 +75,8 @@
token: '',
balance_sum: 0,
show_pw: false,
user_pw: ''
user_pw: '',
clickContinue: true
}
},
onLoad(options) {
@ -109,7 +113,9 @@
dateFinish() {
console.log("倒计时结束");
this.is_date_finish = true;
this.$msg('订单超时', {icon: 'error'}).then(() => {
this.$msg('订单超时', {
icon: 'error'
}).then(() => {
this.$toBack();
})
},
@ -120,6 +126,8 @@
},
// 支付
confirm() {
if (this.clickContinue == true) {
this.clickContinue = false;
if (this.is_date_finish) return this.$msg('订单超时未支付');
let channel = '';
this.pay_list.map(item => {
@ -164,8 +172,10 @@
this.newcharge(false, res.message);
this.show_pw = false;
}
this.clickContinue = true;
})
}).catch(() => {
this.clickContinue = true;
this.show_pw = false;
this.setData({
loading: false
@ -175,6 +185,7 @@
showCancel: false
});
});
}
},
// 获取openid
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 支付测试使用
// });
uni.redirectTo({
url: '/pages/aboutpay/paystate?payState=1&amount='+ that.amount
url: '/pages/aboutpay/paystate?payState=1&amount=' + that
.amount
})
} else {
wx.showModal({
@ -319,24 +331,29 @@
width: 750rpx;
height: max-content;
box-sizing: border-box;
.card {
width: 100%;
height: max-content;
padding: 30rpx 40rpx;
background-color: #FFFFFF;
border-radius: 20rpx;
&:nth-child(n+2) {
margin-top: 30rpx;
}
.symbol {
color: #15716E;
font-size: 32rpx;
}
.price {
font-size: 72rpx;
color: #15716E;
font-weight: bold;
}
.tips {
font-size: 24rpx;
color: #FF9D9D;

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

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

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

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

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

@ -82,14 +82,12 @@
</view>
<view class="order-children" @click="$url('/pages/order/index/onlineorder?current=2')">
<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>
<view class="lf-color-black lf-font-28 lf-m-t-20">待发货</view>
</view>
<view class="order-children" @click="$url('/pages/order/index/onlineorder?current=3')">
<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>
<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>
<view
class="u-notice-bar"
:style="{
<view class="u-notice-bar" :style="{
background: computeBgColor,
padding: padding
}"
:class="[
}" :class="[
type ? `u-type-${type}-light-bg` : ''
]"
>
]">
<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>
<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">
<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>
</swiper-item>
</swiper>
<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>
</template>
@ -167,8 +163,10 @@ export default {
},
methods: {
// 点击通告栏
click(index) {
click(index, item) {
this.$emit('click', index);
this.$url(item.link)
console.log(item.link)
},
// 点击关闭按钮
close() {

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

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

Write Preview
Loading…
Cancel
Save