This commit is contained in:
parent
804aa0623c
commit
ffd427ce63
|
|
@ -7,6 +7,9 @@
|
||||||
<view class="btn ris" @click="swip(1)">
|
<view class="btn ris" @click="swip(1)">
|
||||||
<image class="pao-img" :src="`/static/index/newindex/states/ris.png`" />
|
<image class="pao-img" :src="`/static/index/newindex/states/ris.png`" />
|
||||||
</view>
|
</view>
|
||||||
|
<view class="bots">
|
||||||
|
<view v-for="(v,i) in 5" :key='i' :class="current==i?'dot':''"></view>
|
||||||
|
</view>
|
||||||
<swiper class="swiper" :circular="true" :indicator-dots="false"
|
<swiper class="swiper" :circular="true" :indicator-dots="false"
|
||||||
easing-function="easeInOutCubic"
|
easing-function="easeInOutCubic"
|
||||||
:autoplay="autoplay" :interval="3000" :duration="500" :current="current" @change="change">
|
:autoplay="autoplay" :interval="3000" :duration="500" :current="current" @change="change">
|
||||||
|
|
@ -23,9 +26,10 @@
|
||||||
<view class="weight-time">
|
<view class="weight-time">
|
||||||
<view v-if="indexmessage?.startTime">
|
<view v-if="indexmessage?.startTime">
|
||||||
{{ indexmessage?.startTime.slice(11, 16) }}
|
{{ indexmessage?.startTime.slice(11, 16) }}
|
||||||
-
|
|
||||||
{{ indexmessage?.endTime.slice(11, 16) }}
|
|
||||||
</view>
|
</view>
|
||||||
|
<view>
|
||||||
|
10:00
|
||||||
|
</view>
|
||||||
<view style="height: 5vw;" >
|
<view style="height: 5vw;" >
|
||||||
</view>
|
</view>
|
||||||
<view class="pao-father" >
|
<view class="pao-father" >
|
||||||
|
|
@ -35,9 +39,26 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="cardbox" v-if="i==0">
|
||||||
|
<view class="shadow"></view>
|
||||||
|
<scroll-view scroll-y="true" class="scrollcard">
|
||||||
|
<view style="width: 100%;height: 3.5vw;"></view>
|
||||||
|
<view class="itemcard" v-for="(v,i) in zlarr" :key='i' :class="v.flag?'act':''" @click="zldex(v)">
|
||||||
|
<image :src="`/static/index/newindex/wendu/2.png`" />
|
||||||
|
<text>23213123</text>
|
||||||
|
<view>213123123</view>
|
||||||
|
<!-- <image :src="fwzldex!=i?v.netImmediateFile:v.netPreviewFileSmall" mode="aspectFill"></image>
|
||||||
|
<text >{{v.directiveName?.substring(0,4)}}</text>
|
||||||
|
<view>{{v.directiveName?.substring(4,12)}}</view> -->
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
<view class="big-img" v-else>
|
||||||
|
<image v-if="topbuttontarget==0" :style="!indexmessage?.previewFile?'width: 450rpx':''"
|
||||||
|
:src="indexmessage?.previewFile? serverUrl + indexmessage?.previewFile: `/static/index/newindex/wendu/2.png`"
|
||||||
|
mode="aspectFill"/>
|
||||||
|
</view>
|
||||||
|
|
||||||
<image class="big-img" v-if="topbuttontarget==0" :style="!indexmessage?.previewFile?'width: 450rpx':''"
|
|
||||||
:src="indexmessage?.previewFile? serverUrl + indexmessage?.previewFile: `/static/index/newindex/wendu/2.png`" mode="aspectFill"/>
|
|
||||||
|
|
||||||
|
|
||||||
<view style="display: flex;align-items: center; ">
|
<view style="display: flex;align-items: center; ">
|
||||||
|
|
@ -47,7 +68,6 @@
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<view style="display: flex;margin-top: 40rpx;" >
|
<view style="display: flex;margin-top: 40rpx;" >
|
||||||
<view style="width: 240rpx;height: 90rpx;margin-right: 40rpx;">
|
<view style="width: 240rpx;height: 90rpx;margin-right: 40rpx;">
|
||||||
<view :class="indexmessage?.izStart=='N'?'start-button':'end-button'" @click="start(indexmessage)">
|
<view :class="indexmessage?.izStart=='N'?'start-button':'end-button'" @click="start(indexmessage)">
|
||||||
|
|
@ -59,8 +79,8 @@
|
||||||
结束服务
|
结束服务
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="left-menu" >
|
<view class="left-menu" >
|
||||||
<view style="margin: 30rpx 0;" @click="errmsgclk(0,1)">
|
<view style="margin: 30rpx 0;" @click="errmsgclk(0,1)">
|
||||||
<view class="left-ball" :style="indexmessage?.serviceContent!=''?'background-color: #fff;':'background-color:RGBA(228, 229, 231, 1);'">
|
<view class="left-ball" :style="indexmessage?.serviceContent!=''?'background-color: #fff;':'background-color:RGBA(228, 229, 231, 1);'">
|
||||||
|
|
@ -176,7 +196,7 @@
|
||||||
const servervideoUrl = ref(uni.getStorageSync('serverUrl') + '/sys/commonVideo/staticVideo/')
|
const servervideoUrl = ref(uni.getStorageSync('serverUrl') + '/sys/commonVideo/staticVideo/')
|
||||||
const serverpicUrl = ref(uni.getStorageSync('serverUrl') + '/sys/common/static/')
|
const serverpicUrl = ref(uni.getStorageSync('serverUrl') + '/sys/common/static/')
|
||||||
const current = ref(0)
|
const current = ref(0)
|
||||||
const autoplay = ref(true)
|
const autoplay = ref(false)
|
||||||
const change = (e)=>{
|
const change = (e)=>{
|
||||||
console.log(e.detail.current)
|
console.log(e.detail.current)
|
||||||
console.log(current.value)
|
console.log(current.value)
|
||||||
|
|
@ -184,17 +204,14 @@
|
||||||
}
|
}
|
||||||
const swip = (e)=>{
|
const swip = (e)=>{
|
||||||
if(current.value==0&&e==-1){
|
if(current.value==0&&e==-1){
|
||||||
|
current.value = 4
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if(current.value==4&&e==1){
|
if(current.value==4&&e==1){
|
||||||
|
current.value = 0
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
current.value+=e;
|
current.value+=e;
|
||||||
autoplay.value = false;
|
|
||||||
setTimeout(()=>{
|
|
||||||
autoplay.value = true;
|
|
||||||
},3000)
|
|
||||||
console.log(current.value)
|
|
||||||
}
|
}
|
||||||
const form = reactive({
|
const form = reactive({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
|
|
@ -433,19 +450,11 @@
|
||||||
const fwzlindex = ref(0);
|
const fwzlindex = ref(0);
|
||||||
const fwzldex = ref(-1);
|
const fwzldex = ref(-1);
|
||||||
const fwzlarr = ref(0);
|
const fwzlarr = ref(0);
|
||||||
const zlarr = ref({});
|
const zlarr = ref([{flag:false},{flag:false},{flag:false},{flag:false},{flag:false},{flag:false},{flag:false},{flag:false},{flag:false}]);
|
||||||
const shtab = (e)=>{
|
const zldex = (e) =>{
|
||||||
fwzlindex.value = e;
|
e.flag = !e.flag
|
||||||
if(e==0){
|
|
||||||
fwzlarr.value = zlarr.value?.care
|
|
||||||
}
|
|
||||||
if(e==1){
|
|
||||||
fwzlarr.value = [];
|
|
||||||
}
|
|
||||||
if(e==2){
|
|
||||||
fwzlarr.value = zlarr.value?.logistics
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const base = genPaths(
|
const base = genPaths(
|
||||||
'/static/index/newindex/curve',
|
'/static/index/newindex/curve',
|
||||||
'curve_',
|
'curve_',
|
||||||
|
|
@ -485,6 +494,25 @@
|
||||||
width: 65vw;
|
width: 65vw;
|
||||||
height: 70vh;
|
height: 70vh;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
.bots{
|
||||||
|
width: 60%;
|
||||||
|
position: absolute;
|
||||||
|
height: 30rpx;
|
||||||
|
bottom: 0;
|
||||||
|
left: 20%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
view{
|
||||||
|
width: 1.3vw;
|
||||||
|
height: 0.6vw;
|
||||||
|
background: #DCDCDC;
|
||||||
|
border-radius: 0.2vw;
|
||||||
|
margin: 0.7vw;
|
||||||
|
}
|
||||||
|
.dot{
|
||||||
|
background: #0193F4;
|
||||||
|
}
|
||||||
|
}
|
||||||
.btn{
|
.btn{
|
||||||
width: 2.4vw;
|
width: 2.4vw;
|
||||||
height:2.4vw;
|
height:2.4vw;
|
||||||
|
|
@ -564,7 +592,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 7vw;
|
width: 7vw;
|
||||||
right: 4vw;
|
right: 4vw;
|
||||||
top: 2vw;
|
top: 0vw;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -583,7 +611,73 @@
|
||||||
// 禁止动画阻挡逻辑
|
// 禁止动画阻挡逻辑
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
.cardbox{
|
||||||
|
width:40vw;
|
||||||
|
height:34vh;
|
||||||
|
position: relative;
|
||||||
|
top: -5vh;
|
||||||
|
z-index: 55;
|
||||||
|
left: 2vw;
|
||||||
|
.shadow{
|
||||||
|
width: 100%;
|
||||||
|
height: 5.5vw;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: -1.5vw;
|
||||||
|
border-radius:0 0 25% 25%;
|
||||||
|
filter: blur(14rpx);
|
||||||
|
background: linear-gradient(to bottom, RGBA(239, 240, 244, 1), RGBA(239, 240, 244, 1));
|
||||||
|
z-index: 55;
|
||||||
|
}
|
||||||
|
.scrollcard{
|
||||||
|
width:42vw;
|
||||||
|
height:34vh;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.itemcard{
|
||||||
|
width: 11.2vw;
|
||||||
|
height: 7.8vw;
|
||||||
|
background: #F8F8F8;
|
||||||
|
border-radius: 1.6vw;
|
||||||
|
margin: 1.2vw 1.5vw 0 0vw;
|
||||||
|
display: inline-block;
|
||||||
|
border: 1px solid #F8F8F8;
|
||||||
|
text-align: center;
|
||||||
|
image{
|
||||||
|
width: 2.4vw;
|
||||||
|
height: 2.4vw;
|
||||||
|
margin: 1.4vw auto 0vw;
|
||||||
|
}
|
||||||
|
text{
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 1.4vw;
|
||||||
|
color: #666666;
|
||||||
|
width: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
width: 100%;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
view{
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 1.1vw;
|
||||||
|
color: #555;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.act{
|
||||||
|
background: #fff;
|
||||||
|
border: 1px dashed rgba(1,125,233,0.43);
|
||||||
|
text{
|
||||||
|
color: #017DE9;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.weight-time {
|
.weight-time {
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-size: 70rpx;
|
font-size: 70rpx;
|
||||||
|
|
@ -596,6 +690,10 @@
|
||||||
margin-top: 40rpx;
|
margin-top: 40rpx;
|
||||||
height: 450rpx;
|
height: 450rpx;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
image{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.server-name {
|
.server-name {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue