root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

11

master
tianyi 3 weeks ago
parent
17f077a19d
commit
7cba6a04bf
1 changed files with 61 additions and 74 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. 135
      pages/index/index.vue

135
pages/index/index.vue
View File

@ -4,8 +4,8 @@
<view class="swiper-page" v-if="currentIndex == 0"> <view class="swiper-page" v-if="currentIndex == 0">
<view style="position: relative;height: 545rpx;"> <view style="position: relative;height: 545rpx;">
<view style="width:100%;height: 50px;position: fixed;top: 0;background: #fff;z-index: 90;" v-if="lastScrollTop>583"></view> <view style="width:100%;height: 100rpx;position: fixed;top: 0;background: #fff;z-index: 90;" v-if="lastScrollTop>583"></view>
<view style="position: absolute;top: 55px;left: 10px;z-index: 999;"> <view style="position: absolute;top: 110rpx;left: 20rpx;z-index: 999;">
<view @click="checkArea" v-if="areaName == ''"> <view @click="checkArea" v-if="areaName == ''">
点击选择区域 点击选择区域
<uni-icons type="right" size="12" style="margin-left: 10rpx;"></uni-icons> <uni-icons type="right" size="12" style="margin-left: 10rpx;"></uni-icons>
@ -32,7 +32,7 @@
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/bf2bb7f80e17428391c407aef769517a.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/bf2bb7f80e17428391c407aef769517a.png" alt="" />
</view> </view>
<view class="order-msg-center"> <view class="order-msg-center">
<view style="font-weight: 700;font-size: 30rpx;line-height: 30px;margin-top: 5%;">配送员正在赶往商家 <view style="font-weight: 700;font-size: 30rpx;line-height: 60rpx;margin-top: 5%;">配送员正在赶往商家
</view> </view>
<view style="font-size: 24rpx;">预计<text style="color: red;">12:03-12:30</text>送达</view> <view style="font-size: 24rpx;">预计<text style="color: red;">12:03-12:30</text>送达</view>
</view> </view>
@ -161,40 +161,40 @@
</view> </view>
<view class="daimai-box" style="padding-bottom:180rpx;"> <view class="daimai-box" style="padding-bottom:180rpx;">
<view class="daimai-tab" id="menuList" :style="{'top': navBarHeight + 'px','background':lastScrollTop>583?'#fff':''}"> <view class="daimai-tab" id="menuList" :style="{'top': navBarHeight + 'px','background':lastScrollTop>583?'#fff':''}">
<view @tap="checkTab1('waimai')"> <view @tap="checkTab1('waimai')" style="flex: 1;">
<view class="like-title" style="position: relative;width: 240rpx;" v-if="checked == 'waimai'"> <view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:10rpx;" v-if="checked == 'waimai'">
<img src="/static/images/img/daimaifantitle.png" alt="" style="width: 220rpx;" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4d3207adb25546f68ce4d3428e571867.png" alt="" style="width: 160rpx;height: 50rpx;" />
<text style="position: absolute;top: 0;right: 0;font-size: 36rpx;font-weight: 700;">（{{waimaiCount}}）</text> <text style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{waimaiCount}}）</text>
</view> </view>
<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else> <view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
外卖（{{waimaiCount}}） 外卖({{waimaiCount}})
</view> </view>
</view> </view>
<view @tap="checkTab1('kuaidi')" style="margin-left: 15px;"> <view @tap="checkTab1('kuaidi')" style="margin-left: 20rpx;flex: 1;">
<view class="like-title" style="position: relative;width:320rpx;" v-if="checked == 'kuaidi'"> <view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:10rpx;" v-if="checked == 'kuaidi'">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/99162216d23a44a8ba81c7cb5249f3b8.png" alt="" style="width: 270rpx;"> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/aeff6530c1c4486e9c7d088522de0c98.png" alt="" style="width: 160rpx;height: 50rpx;">
<text style="position: absolute;top: 0;right: 0;font-size: 36rpx;font-weight: 700;">（{{kuaidiCount}}）</text> <text style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{kuaidiCount}}）</text>
</view> </view>
<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else> <view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
快递（{{kuaidiCount}}） 快递({{kuaidiCount}})
</view> </view>
</view> </view>
<view @tap="checkTab1('paotui')" style="margin-left: 15px;"> <view @tap="checkTab1('paotui')" style="margin-left: 20rpx;flex: 1;">
<view class="like-title" style="position: relative;width:320rpx;" v-if="checked == 'paotui'"> <view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:10rpx;" v-if="checked == 'paotui'">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/99162216d23a44a8ba81c7cb5249f3b8.png" alt="" style="width: 270rpx;"> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e2cccb5ad1534b2aaae9b2b67ed401b4.png" alt="" style="width: 160rpx;height: 50rpx;">
<text style="position: absolute;top: 0;right: 0;font-size: 36rpx;font-weight: 700;">（{{paotuiCount}}）</text> <text style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{paotuiCount}}）</text>
</view> </view>
<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else> <view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
跑腿（{{paotuiCount}}） 跑腿({{paotuiCount}})
</view> </view>
</view> </view>
<view @tap="checkTab1('zhipai')" style="margin-left: 15px;" v-if="worker != null"> <view @tap="checkTab1('zhipai')" style="margin-left: 20rpx;flex: 1;" v-if="worker != null">
<view class="like-title" style="position: relative;width:320rpx;" v-if="checked == 'zhipai'"> <view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:10rpx;" v-if="checked == 'zhipai'">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/99162216d23a44a8ba81c7cb5249f3b8.png" alt="" style="width: 270rpx;"> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/2bfc2333818b47478572e4d1a430049a.png" alt="" style="width: 160rpx;height: 50rpx;">
<text style="position: absolute;top: 0;right: 0;font-size: 36rpx;font-weight: 700;">（{{zhipaiCount}}）</text> <text style="position: absolute;top: 0;left: 80rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{zhipaiCount}}）</text>
</view> </view>
<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else> <view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
指派单（{{zhipaiCount}}） 指派单({{zhipaiCount}})
</view> </view>
</view> </view>
</view> </view>
@ -270,7 +270,7 @@
<view class="qu-right"> <view class="qu-right">
<img @tap="makeCall(item.contactPhone)" <img @tap="makeCall(item.contactPhone)"
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
alt="" style="width: 20px;height: 20px;" /> alt="" style="width: 40rpx;height: 40rpx;" />
</view> </view>
</view> </view>
</view> </view>
@ -285,7 +285,7 @@
<view class="qu-right"> <view class="qu-right">
<img @tap="makeCall(item.receiverPhone)" <img @tap="makeCall(item.receiverPhone)"
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
alt="" style="width: 20px;height: 20px;" /> alt="" style="width: 40rpx;height: 40rpx;" />
</view> </view>
</view> </view>
</view> </view>
@ -339,7 +339,7 @@
</uni-popup> </uni-popup>
<!-- 弹出区域选择 --> <!-- 弹出区域选择 -->
<uni-popup ref="pagesPopup" background-color="#fff"> <uni-popup ref="pagesPopup" background-color="#fff">
<view class="popup-area-content" style="height: 600px;overflow: scroll;"> <view class="popup-area-content" style="height: 1200rpx;overflow: scroll;">
<view class="popup-area-title"> <view class="popup-area-title">
<text>查看页面</text> <text>查看页面</text>
</view> </view>
@ -491,7 +491,7 @@
workerId: uni.getStorageSync('worker') ? uni.getStorageSync('worker').workerId : '', workerId: uni.getStorageSync('worker') ? uni.getStorageSync('worker').workerId : '',
kuaidiData: [] kuaidiData: []
}, },
checked:'daimaifan', checked:'waimai',
navBarHeight: 0, navBarHeight: 0,
menuListOffsetTop: 0, menuListOffsetTop: 0,
lastScrollTop: 0, lastScrollTop: 0,
@ -966,11 +966,6 @@
font-size: 28rpx; font-size: 28rpx;
} }
.container {
width: 100%;
height: 100vh;
}
.swiper-container { .swiper-container {
width: 100%; width: 100%;
@ -998,7 +993,7 @@
width: 95%; width: 95%;
height: 146rpx; height: 146rpx;
border-radius: 40rpx; border-radius: 40rpx;
border: 2px solid #A6FFEA; border: 4rpx solid #A6FFEA;
background: #fff; background: #fff;
z-index: 99; z-index: 99;
position: absolute; position: absolute;
@ -1105,14 +1100,6 @@
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
} }
/* 响应式调整 */
@media (min-width: 768px) {
.container {
max-width: 750px;
margin: 0 auto;
}
}
.menu-box { .menu-box {
width: 100%; width: 100%;
height: 160rpx; height: 160rpx;
@ -1212,7 +1199,7 @@
.list-product { .list-product {
width: 60%; width: 60%;
padding-top: 2px; padding-top: 4rpx;
} }
.list-name { .list-name {
@ -1406,8 +1393,8 @@
.qiangdan-btn { .qiangdan-btn {
width: 95%; width: 95%;
height: 50px; height: 100rpx;
margin: 10px auto; margin: 20rpx auto;
img { img {
width: 100%; width: 100%;
@ -1418,24 +1405,24 @@
.paotui-title{ .paotui-title{
display: flex; display: flex;
flex: 1; flex: 1;
line-height: 44px; line-height: 88rpx;
text-align: right; text-align: right;
padding-right: 10px; padding-right: 20rpx;
} }
.paotui-text{ .paotui-text{
font-size: 14px; font-size: 28rpx;
color: red; color: red;
font-weight: bold; font-weight: bold;
flex: 1; flex: 1;
} }
.paotui-num{ .paotui-num{
font-size: 12px; font-size: 24rpx;
padding: 0 5px; padding: 0 10rpx;
} }
.popup-area-content { .popup-area-content {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 15px; padding: 30rpx;
width: 500rpx; width: 500rpx;
height: auto; height: auto;
background-color: #fff; background-color: #fff;
@ -1451,7 +1438,7 @@
.popup-area-container { .popup-area-container {
margin-top: 20rpx; margin-top: 20rpx;
height: 100rpx; height: 100rpx;
border-radius: 10px; border-radius: 20rpx;
background: #088FEB; background: #088FEB;
line-height: 100rpx; line-height: 100rpx;
text-align: center; text-align: center;
@ -1460,23 +1447,23 @@
color: #fff; color: #fff;
} }
.chaoda{ .chaoda{
height: 15px; height: 30rpx;
line-height: 15px; line-height: 30rpx;
margin: 5px 0 0 10px; margin: 10rpx 0 0 20rpx;
padding: 0 5px; padding: 0 10rpx;
background: rgba(255, 117, 88, 1); background: rgba(255, 117, 88, 1);
color: #fff; color: #fff;
border-radius: 5px; border-radius: 10rpx;
font-size: 10px; font-size: 20rpx;
} }
.beizhu{ .beizhu{
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
background: rgba(255, 117, 88, 0.08); background: rgba(255, 117, 88, 0.08);
border: 1px solid rgba(255, 117, 88, 0.12); border: 1px solid rgba(255, 117, 88, 0.12);
border-radius: 10px; border-radius: 20rpx;
height: 60px; height: 120rpx;
padding: 10px; padding: 20rpx;
color: rgba(255, 57, 57, 1); color: rgba(255, 57, 57, 1);
} }
.title-sort { .title-sort {
@ -1486,7 +1473,7 @@
top:0; top:0;
z-index:90; z-index:90;
background: #fff; background: #fff;
padding-top:10px; padding-top:20rpx;
} }
.sort-text{ .sort-text{
height: 70rpx; height: 70rpx;
@ -1526,31 +1513,31 @@
.guize1-qusong { .guize1-qusong {
display: flex; display: flex;
margin-left: 20px; margin-left: 40rpx;
} }
.qusong1 { .qusong1 {
width: 20px; width: 40rpx;
height: 20px; height: 40rpx;
background: rgba(0, 35, 28, 1); background: rgba(0, 35, 28, 1);
color: #fff; color: #fff;
border-radius: 20px; border-radius: 40rpx;
text-align: center; text-align: center;
line-height: 20px; line-height: 40rpx;
font-size: 10px; font-size: 20rpx;
z-index: 80; z-index: 80;
} }
.qusong2 { .qusong2 {
height: 20px; height: 40rpx;
font-size: 12px; font-size: 24rpx;
line-height: 19px; line-height: 38rpx;
text-align: center; text-align: center;
background: rgba(166, 255, 234, 0.5); background: rgba(166, 255, 234, 0.5);
padding: 0 10px; padding: 0 20rpx;
margin-left: -5px; margin-left: -10rpx;
font-weight: 700; font-weight: 700;
border-top-right-radius: 20px; border-top-right-radius: 40rpx;
border-bottom-right-radius: 20px; border-bottom-right-radius: 40rpx;
} }
</style> </style>
Write Preview
Loading…
Cancel
Save