2025.4.9
This commit is contained in:
parent
7aab3ba584
commit
94a4bf7e13
|
|
@ -1,11 +1,9 @@
|
|||
.right-container {
|
||||
width: calc(100% - 235rpx);
|
||||
height: 100vh;
|
||||
// opacity: 0;
|
||||
transition: opacity 1s ease;
|
||||
|
||||
.right-container-sec {
|
||||
|
||||
width: 100%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
|
@ -34,11 +32,8 @@
|
|||
.carousel {
|
||||
position: relative;
|
||||
width: 30rpx;
|
||||
/* 轮播图的宽度 */
|
||||
height: 80rpx;
|
||||
|
||||
/* 轮播图的高度 */
|
||||
/* 背景色（示例） */
|
||||
.dots {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
|
@ -91,7 +86,6 @@
|
|||
/* 背景颜色 #f4f9ff，透明度 70% */
|
||||
position: relative;
|
||||
display: flex;
|
||||
// justify-content: center;
|
||||
flex-direction: column;
|
||||
box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
|
||||
overflow: hidden;
|
||||
|
|
@ -99,7 +93,6 @@
|
|||
.uni-margin-wrap {
|
||||
margin-top: 200rpx;
|
||||
width: 1200rpx;
|
||||
// width: 100%;
|
||||
|
||||
.swiper {
|
||||
height: 900rpx;
|
||||
|
|
@ -120,57 +113,6 @@
|
|||
.time-tra-next {
|
||||
height: 100%;
|
||||
width: 700rpx;
|
||||
|
||||
.time-button-view-fin {
|
||||
display: flex;
|
||||
margin-top: 50rpx;
|
||||
margin-left: -50rpx;
|
||||
|
||||
.time-button-start {
|
||||
width: 220rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 50rpx;
|
||||
background: linear-gradient(to top, #047ADB, #0EA7DD);
|
||||
border-left: 2rpx solid #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
font-size: 32rpx;
|
||||
margin-right: 25rpx;
|
||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
.time-button-end {
|
||||
width: 220rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 50rpx;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
.time-button-end-dark {
|
||||
width: 220rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 50rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
||||
background: linear-gradient(to top, #6B87BA, #FFFFFF);
|
||||
transition: all 0.4s ease-in-out;
|
||||
/* 渐变从下到上 */
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.time-people {
|
||||
display: flex;
|
||||
margin-bottom: 20rpx;
|
||||
|
|
@ -179,11 +121,9 @@
|
|||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
margin-right: 5rpx;
|
||||
// margin-left: 50rpx;
|
||||
}
|
||||
|
||||
.time-people-font {
|
||||
// color: #586787;
|
||||
font-size: 30rpx;
|
||||
margin-right: 90rpx;
|
||||
}
|
||||
|
|
@ -235,7 +175,6 @@
|
|||
}
|
||||
|
||||
.right-container-right-down-father {
|
||||
// margin-left: 5%;
|
||||
width: 100%;
|
||||
height: 560rpx;
|
||||
display: flex;
|
||||
|
|
@ -258,9 +197,6 @@
|
|||
display: flex;
|
||||
box-shadow: 2rpx 0 0 2rpx;
|
||||
background-color: rgb(22, 48, 76);
|
||||
|
||||
// background-image: url('/static/index/cardbgc/newbgc.png');
|
||||
// background-position: 50% 60%;
|
||||
border: 2rpx solid #fff;
|
||||
|
||||
|
||||
|
|
@ -398,7 +334,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
// align-items: center;
|
||||
.right-container-right-title {
|
||||
width: 100%;
|
||||
height: 170rpx;
|
||||
|
|
@ -430,19 +365,15 @@
|
|||
}
|
||||
|
||||
.right-container-right-father {
|
||||
// margin-left: 2%;
|
||||
width: 100%;
|
||||
height: 630rpx;
|
||||
border-radius: 35rpx;
|
||||
border: 2rpx solid #fff;
|
||||
background-image: url('/static/index/mountain.png');
|
||||
background-color: rgba(200, 216, 238, 0.8);
|
||||
// background-image: url('/static/index/mountain.png');
|
||||
background-position: 60% 50%;
|
||||
/* 背景颜色 #f4f9ff，透明度 70% */
|
||||
position: relative;
|
||||
display: flex;
|
||||
// justify-content: center;
|
||||
flex-direction: column;
|
||||
box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
|
||||
overflow: hidden;
|
||||
|
|
@ -450,7 +381,6 @@
|
|||
.uni-margin-wrap {
|
||||
margin-top: 200rpx;
|
||||
width: 1200rpx;
|
||||
// width: 100%;
|
||||
|
||||
.swiper {
|
||||
height: 900rpx;
|
||||
|
|
@ -472,55 +402,6 @@
|
|||
height: 100%;
|
||||
width: 700rpx;
|
||||
|
||||
.time-button-view-fin {
|
||||
display: flex;
|
||||
margin-top: 50rpx;
|
||||
margin-left: -50rpx;
|
||||
|
||||
.time-button-start {
|
||||
width: 220rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 50rpx;
|
||||
background: linear-gradient(to top, #047ADB, #0EA7DD);
|
||||
border-left: 2rpx solid #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
font-size: 32rpx;
|
||||
margin-right: 25rpx;
|
||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
.time-button-end {
|
||||
width: 220rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 50rpx;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
.time-button-end-dark {
|
||||
width: 220rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 50rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
||||
background: linear-gradient(to top, #6B87BA, #FFFFFF);
|
||||
transition: all 0.4s ease-in-out;
|
||||
/* 渐变从下到上 */
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.time-people {
|
||||
display: flex;
|
||||
|
|
@ -530,11 +411,9 @@
|
|||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
margin-right: 5rpx;
|
||||
// margin-left: 50rpx;
|
||||
}
|
||||
|
||||
.time-people-font {
|
||||
// color: #586787;
|
||||
font-size: 30rpx;
|
||||
margin-right: 90rpx;
|
||||
}
|
||||
|
|
@ -568,7 +447,6 @@
|
|||
|
||||
.time-text {
|
||||
margin-left: 10rpx;
|
||||
// color: #364464;
|
||||
font-size: 70rpx;
|
||||
font-weight: 700;
|
||||
width: 800rpx;
|
||||
|
|
@ -587,7 +465,6 @@
|
|||
}
|
||||
|
||||
.right-container-right-down-father {
|
||||
// margin-left: 5%;
|
||||
width: 100%;
|
||||
height: 560rpx;
|
||||
display: flex;
|
||||
|
|
@ -610,9 +487,6 @@
|
|||
display: flex;
|
||||
box-shadow: 2rpx 0 0 2rpx;
|
||||
background-color: rgb(22, 48, 76);
|
||||
|
||||
// background-image: url('/static/index/cardbgc/newbgc.png');
|
||||
// background-position: 50% 60%;
|
||||
border: 2rpx solid #fff;
|
||||
|
||||
|
||||
|
|
@ -750,7 +624,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
// align-items: center;
|
||||
.right-container-right-title {
|
||||
width: 100%;
|
||||
height: 170rpx;
|
||||
|
|
@ -782,28 +655,21 @@
|
|||
}
|
||||
|
||||
.right-container-left {
|
||||
// width: 55%;
|
||||
height: 630rpx;
|
||||
border-radius: 45rpx;
|
||||
border: 1rpx solid #fff;
|
||||
// background-color: rgba(203, 219, 238, 0.8);
|
||||
/* 背景颜色 #f4f9ff，透明度 70% */
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
/* 白色背景透明度为 10% */
|
||||
background-image: url('/static/index/mountain.png');
|
||||
background-position: 70% 45%;
|
||||
overflow: hidden;
|
||||
box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
|
||||
// box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
|
||||
/* 背景图片从左上角25%和30%的位置开始 */
|
||||
}
|
||||
|
||||
.right-container-left-dark {
|
||||
// width: 55%;
|
||||
height: 630rpx;
|
||||
border-radius: 45rpx;
|
||||
background-color: rgb(22, 48, 76);
|
||||
|
|
@ -813,7 +679,6 @@
|
|||
linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
||||
background-clip: padding-box, border-box;
|
||||
background-color: rgba(12, 25, 47, 0.1);
|
||||
/* 背景颜色 #f4f9ff，透明度 70% */
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -823,7 +688,6 @@
|
|||
|
||||
.uni-margin-wrap {
|
||||
width: 1000rpx;
|
||||
// width: 100%;
|
||||
|
||||
.swiper {
|
||||
height: 700rpx;
|
||||
|
|
@ -846,26 +710,21 @@
|
|||
height: 50rpx;
|
||||
width: 50rpx;
|
||||
margin-right: 10rpx;
|
||||
// margin-left: 10rpx;
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
.right-huli-fir {
|
||||
width: 250rpx;
|
||||
height: 100%;
|
||||
// background-color: #047ADB;
|
||||
margin-top: 0rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
|
||||
.right-huli-view {
|
||||
margin-left: 8rpx;
|
||||
height: 750rpx;
|
||||
// background-color: #047ADB;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -929,7 +788,6 @@
|
|||
.right-container-photo-img {
|
||||
width: 310rpx;
|
||||
height: 350rpx;
|
||||
// margin-top: 30rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
|
|
@ -949,7 +807,6 @@
|
|||
.right-container-fir-left-card-main-left {
|
||||
height: 50rpx;
|
||||
width: 50rpx;
|
||||
// margin-right: 22rpx;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
|
||||
|
|
@ -980,7 +837,6 @@
|
|||
|
||||
.time-text {
|
||||
margin-left: 10rpx;
|
||||
// color: #586787;
|
||||
font-size: 35rpx;
|
||||
width: 450rpx;
|
||||
margin-bottom: 40rpx;
|
||||
|
|
@ -1032,7 +888,6 @@
|
|||
}
|
||||
|
||||
.time-people-font {
|
||||
// color: #586787;
|
||||
font-size: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
|
@ -1045,7 +900,6 @@
|
|||
|
||||
.time-people-thi {
|
||||
display: flex;
|
||||
// margin-bottom: 15rpx;
|
||||
|
||||
.time-people-img {
|
||||
width: 42rpx;
|
||||
|
|
@ -1055,13 +909,11 @@
|
|||
}
|
||||
|
||||
.time-people-font {
|
||||
// color: #586787;
|
||||
font-size: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
// width: 300rpx;
|
||||
}
|
||||
|
||||
.time-people-font-dark {
|
||||
|
|
@ -1076,14 +928,13 @@
|
|||
|
||||
.time-button-view {
|
||||
display: flex;
|
||||
// margin-top: 80rpx;
|
||||
margin-left: 0rpx;
|
||||
transition: all 0.4s ease-in-out;
|
||||
|
||||
.time-button-start {
|
||||
width: 230rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
border-radius: 30rpx;
|
||||
background: linear-gradient(to bottom, #AF8ED7, #4D3E9B);
|
||||
border-left: 2rpx solid #fff;
|
||||
display: flex;
|
||||
|
|
@ -1099,7 +950,7 @@
|
|||
.time-button-end {
|
||||
width: 230rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -1112,7 +963,7 @@
|
|||
.time-button-end-dark {
|
||||
width: 230rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
@ -1171,13 +1022,11 @@
|
|||
}
|
||||
|
||||
.time-people-font {
|
||||
// color: #586787;
|
||||
font-size: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
// width: 300rpx;
|
||||
}
|
||||
|
||||
.time-people-font-dark {
|
||||
|
|
@ -1198,7 +1047,7 @@
|
|||
.time-button-start {
|
||||
width: 230rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
border-radius: 30rpx;
|
||||
background: linear-gradient(to top, #0DA0B1, #04D3AF);
|
||||
border-left: 2rpx solid #fff;
|
||||
display: flex;
|
||||
|
|
@ -1214,7 +1063,7 @@
|
|||
.time-button-end {
|
||||
width: 230rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -1227,7 +1076,7 @@
|
|||
.time-button-end-dark {
|
||||
width: 230rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
@ -1282,7 +1131,6 @@
|
|||
}
|
||||
|
||||
.time-people-font {
|
||||
// color: #586787;
|
||||
font-size: 30rpx;
|
||||
margin-right: 90rpx;
|
||||
transition: all 0.4s ease-in-out;
|
||||
|
|
@ -1300,9 +1148,6 @@
|
|||
width: 100%;
|
||||
height: 580rpx;
|
||||
display: flex;
|
||||
|
||||
|
||||
// background-color: red;
|
||||
.right-container-fir-left-nav {
|
||||
width: 63%;
|
||||
height: 548rpx;
|
||||
|
|
@ -1322,10 +1167,7 @@
|
|||
.carousel {
|
||||
position: relative;
|
||||
width: 150rpx;
|
||||
/* 轮播图的宽度 */
|
||||
height: 100rpx;
|
||||
/* 轮播图的高度 */
|
||||
// background-color: #f0f0f0;
|
||||
|
||||
/* 背景色（示例） */
|
||||
.dots {
|
||||
|
|
@ -1404,8 +1246,6 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
// margin-top: 60rpx;
|
||||
|
||||
.split-line-white-right-left {
|
||||
width: 2rpx;
|
||||
/* 线条的宽度 */
|
||||
|
|
@ -1446,17 +1286,13 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.right-container-fir-left-card-main-right {
|
||||
height: 50rpx;
|
||||
width: 50rpx;
|
||||
margin-right: 25rpx;
|
||||
// margin-left: 20rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.time-tra-fir {
|
||||
margin-top: 40rpx;
|
||||
margin-left: 30rpx;
|
||||
|
|
@ -1473,7 +1309,7 @@
|
|||
.time-button-start {
|
||||
width: 230rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
border-radius: 30rpx;
|
||||
background: linear-gradient(to top, #047ADB, #0EA7DD);
|
||||
border-left: 2rpx solid #fff;
|
||||
display: flex;
|
||||
|
|
@ -1489,7 +1325,7 @@
|
|||
.time-button-end {
|
||||
width: 230rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -1502,7 +1338,7 @@
|
|||
.time-button-end-dark {
|
||||
width: 230rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
@ -1526,7 +1362,6 @@
|
|||
}
|
||||
|
||||
.time-people-font {
|
||||
// color: #586787;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
|
|
@ -1538,7 +1373,6 @@
|
|||
|
||||
.time-font {
|
||||
font-size: 70rpx;
|
||||
// text-shadow: 0 -3rpx 3rpx;
|
||||
margin-bottom: 30rpx;
|
||||
background: linear-gradient(to top, #334160, #687898);
|
||||
-webkit-background-clip: text;
|
||||
|
|
@ -1549,7 +1383,6 @@
|
|||
|
||||
.time-font-dark {
|
||||
font-size: 70rpx;
|
||||
// text-shadow: 0 -3rpx 3rpx;
|
||||
margin-bottom: 30rpx;
|
||||
background: linear-gradient(to right, #EBF4FF, #ADC4E0);
|
||||
-webkit-background-clip: text;
|
||||
|
|
@ -1560,7 +1393,6 @@
|
|||
|
||||
.time-text {
|
||||
margin-left: 10rpx;
|
||||
// color: #586787;
|
||||
font-size: 35rpx;
|
||||
width: 530rpx;
|
||||
margin-bottom: 40rpx;
|
||||
|
|
@ -1586,7 +1418,6 @@
|
|||
align-items: center;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
// margin-top: 20rpx;
|
||||
margin-left: 50rpx;
|
||||
|
||||
.right-container-fir-left-card-zhixing {
|
||||
|
|
@ -1649,7 +1480,6 @@
|
|||
}
|
||||
|
||||
.right-container-fir-left-card-img {
|
||||
// margin-top: 100rpx;
|
||||
width: 360rpx;
|
||||
height: 270rpx;
|
||||
}
|
||||
|
|
@ -1683,7 +1513,6 @@
|
|||
}
|
||||
|
||||
.right-container-fir-right {
|
||||
// margin-top: 6rpx;
|
||||
margin-left: 2%;
|
||||
margin-right: 2%;
|
||||
width: 700rpx;
|
||||
|
|
@ -1716,7 +1545,6 @@
|
|||
margin-left: 40rpx;
|
||||
position: relative;
|
||||
|
||||
// height: 700rpx;
|
||||
.right-container-card-right {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
|
|
@ -1831,7 +1659,6 @@
|
|||
|
||||
.right-container-date {
|
||||
font-size: 35rpx;
|
||||
// color: #7080A1;
|
||||
display: block;
|
||||
margin: 0;
|
||||
margin-left: 18rpx;
|
||||
|
|
@ -1853,18 +1680,13 @@
|
|||
.right-container-day {
|
||||
font-size: 35rpx;
|
||||
font-weight: 600;
|
||||
// color: #7080A1;
|
||||
margin-left: 18rpx;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.right-container-day-dark {
|
||||
font-size: 35rpx;
|
||||
font-weight: 600;
|
||||
// color: #7080A1;
|
||||
margin-left: 18rpx;
|
||||
|
||||
background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
|
||||
-webkit-background-clip: text;
|
||||
color: transparent;
|
||||
|
|
@ -1928,8 +1750,6 @@
|
|||
|
||||
}
|
||||
}
|
||||
|
||||
//分割线
|
||||
.split-line {
|
||||
margin-left: 20rpx;
|
||||
margin-top: 120rpx;
|
||||
|
|
@ -1946,9 +1766,7 @@
|
|||
height: 800rpx;
|
||||
/* 高度占满父容器 */
|
||||
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #fff 50%, rgba(0, 0, 0, 0) 100%);
|
||||
// wmargin-left: 20rpx;
|
||||
position: relative;
|
||||
// z-index: -1;
|
||||
|
||||
.split-line-white-img {
|
||||
position: absolute;
|
||||
|
|
@ -1997,7 +1815,6 @@
|
|||
align-items: flex-start;
|
||||
/* 垂直方向对齐方式可以调整 */
|
||||
flex-direction: column;
|
||||
// margin-left: -65rpx;
|
||||
height: 450rpx;
|
||||
|
||||
.right-huli-view-dis {
|
||||
|
|
@ -2133,7 +1950,6 @@
|
|||
width: 100%;
|
||||
height: 150rpx;
|
||||
|
||||
// background-color: red;
|
||||
.under-father-view {
|
||||
margin-left: 10rpx;
|
||||
margin-right: 150rpx;
|
||||
|
|
@ -2212,16 +2028,13 @@
|
|||
}
|
||||
|
||||
.swiper-item-flex {
|
||||
// transition: all 0.4s ease-in-out;
|
||||
|
||||
.time-tra-thi-photo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 300rpx;
|
||||
// height: 100%;
|
||||
flex-direction: column;
|
||||
// margin-left: -100rpx;
|
||||
transition: all 0.4s ease-in-out;
|
||||
margin-left: 20rpx;
|
||||
|
||||
|
|
@ -2315,21 +2128,17 @@
|
|||
/* 平滑过渡 */
|
||||
transform-origin: right bottom;
|
||||
background-color: rgba(220, 230, 254, 1);
|
||||
// z-index: 998;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
|
||||
.right-container-left-big {
|
||||
transform: scale(1.5);
|
||||
// margin-left: 2%;
|
||||
width: 55%;
|
||||
/* 初始状态 */
|
||||
transition: transform 0.5s ease;
|
||||
/* 平滑过渡 */
|
||||
transform-origin: left bottom;
|
||||
background-color: rgba(183, 200, 243, 1);
|
||||
// background-color: #fff;
|
||||
// z-index: 999;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
|
||||
|
|
@ -2341,6 +2150,5 @@
|
|||
/* 平滑过渡 */
|
||||
transform-origin: left bottom;
|
||||
background-color: rgba(183, 200, 243, 1);
|
||||
// z-index: 998;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
|
|
@ -16,8 +16,27 @@
|
|||
拼音检索
|
||||
</view>
|
||||
<input class="index-right-input" placeholder="请输入货品拼音" />
|
||||
|
||||
<view class="index-right-button-all">
|
||||
<view class="" v-for="(item,index) in buttonList" :key="index">
|
||||
<view class="first-bgc">
|
||||
<image class="bgc-img" src="/static/index/Warehousing/firstbutton.png" />
|
||||
</view>
|
||||
<view class="second-bgc">
|
||||
<image class="bgc-img" src="/static/index/Warehousing/secondbutton.png" />
|
||||
</view>
|
||||
<view :class="!isWarning? `third-bgc`:`bgc-white`" @click="isWarning=!isWarning">
|
||||
<view class="red-pao" v-show="!isWarning">
|
||||
{{ 99 + `+` }}
|
||||
</view>
|
||||
<image class="bgc-img" src="/static/index/Warehousing/thirdbutton.png" />
|
||||
</view>
|
||||
<view class="fourth-bgc">
|
||||
<image class="fourth-bgc-img" src="/static/index/Warehousing/fourthbutton.png" />
|
||||
<view class="fourth-bgc-font">
|
||||
请购单
|
||||
</view>
|
||||
</view>
|
||||
<view v-for="(item,index) in buttonList" :key="index">
|
||||
<view class="index-right-button">
|
||||
<image class="index-right-button-img" :src="item.url" />
|
||||
<view class="index-right-button-font">
|
||||
|
|
@ -38,6 +57,45 @@
|
|||
<image class="swiper-card-left-white-img" :src="`/static/index/project3.png`"
|
||||
@click="opendetail" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="swiper-card-right">
|
||||
<view class="swiper-right-title">
|
||||
<view class="swiper-title-font">纸尿裤-拉拉裤</view>
|
||||
<view class="swiper-title-font-button">
|
||||
护理类
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="swiper-heng"></view>
|
||||
<view class="swiper-font">
|
||||
规格型号：800mm*690mm
|
||||
</view>
|
||||
<view class="swiper-double">
|
||||
<view class="swiper-littlefont">
|
||||
采购单位：片
|
||||
</view>
|
||||
<view class="swiper-littlefont" style="margin-left: 10rpx;" v-show="isWarning">
|
||||
库存
|
||||
<view style="color: rgb(18,169,51);">↑</view>
|
||||
：1000
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-double">
|
||||
<view class="swiper-littlefont">
|
||||
库存数量：
|
||||
<view class="blackfont">
|
||||
50
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="swiper-littlefont" style="margin-left: 10rpx;" v-show="isWarning">
|
||||
库存
|
||||
<view style="color: rgb(248,122,85);">↓</view>
|
||||
：5
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="swiper-left-buttons">
|
||||
<view class="swiper-left-button-blue">
|
||||
请购
|
||||
|
|
@ -47,13 +105,6 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-card-right">
|
||||
<view class="swiper-right-title">
|
||||
<view class="swiper-title-font">纸尿裤-拉拉裤</view>
|
||||
<view class="swiper-title-mark">ZHYP044</view>
|
||||
</view>
|
||||
<view class="swiper-heng"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -64,7 +115,7 @@
|
|||
长春市朝阳区久泰开运养老服务有限公司
|
||||
</view>
|
||||
</view>
|
||||
<!-- 表格详情的的弹出层 -->
|
||||
<!-- 表格详情的的弹出层 -->
|
||||
<view v-show="detailisopen && isShow" class="popup-detail" @click="detailisopen=false">
|
||||
<view class="popup-detail-content" :style="{ opacity: detailisopacity ? 1 : 0 }" @click.stop>
|
||||
<view class="popup-detail-left">
|
||||
|
|
@ -73,11 +124,40 @@
|
|||
@click="opendetail" />
|
||||
</view>
|
||||
<view class="popup-detail-left-bottom">
|
||||
|
||||
<view class="popup-small-card">
|
||||
<view class="popup-small-circle">
|
||||
<image class="popup-small-circle-img" src="/static/index/saveUp.png" />
|
||||
</view>
|
||||
<view class="popup-small-number">1000</view>
|
||||
<view class="popup-small-font">库存上限</view>
|
||||
</view>
|
||||
<view class="popup-small-shu"></view>
|
||||
<view class="popup-small-card">
|
||||
<view class="popup-small-circle">
|
||||
<image class="popup-small-circle-img" src="/static/index/saveDown.png" />
|
||||
</view>
|
||||
<view class="popup-small-number">10</view>
|
||||
<view class="popup-small-font">库存下限</view>
|
||||
</view>
|
||||
<view class="popup-small-shu"></view>
|
||||
<view class="popup-small-card">
|
||||
<view class="popup-small-circle">
|
||||
<image class="popup-small-circle-img" src="/static/index/saveNumber.png" />
|
||||
</view>
|
||||
<view class="popup-small-number">50</view>
|
||||
<view class="popup-small-font">库存数量</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-detail-right">
|
||||
|
||||
<view class="popup-detail-title">
|
||||
<view class="popup-detail-weight">
|
||||
纸尿裤-拉拉裤
|
||||
</view>
|
||||
<view class="popup-detail-gray">
|
||||
ZHYP044
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -85,8 +165,8 @@
|
|||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick,defineProps,watch } from 'vue';
|
||||
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, watch } from 'vue';
|
||||
|
||||
const props = defineProps({
|
||||
isShow: {
|
||||
type: Boolean,
|
||||
|
|
@ -96,26 +176,27 @@
|
|||
// 使用watch监听isShow变化
|
||||
const transition = ref(true);
|
||||
watch(
|
||||
() => props.isShow,
|
||||
(newVal, oldVal) => {
|
||||
// 当旧值为false，新值为true时延迟0.2秒调用方法
|
||||
if (!oldVal && newVal) {
|
||||
transition.value=false;
|
||||
setTimeout(() => {
|
||||
transition.value=true;
|
||||
}, 50)
|
||||
}
|
||||
}
|
||||
() => props.isShow,
|
||||
(newVal, oldVal) => {
|
||||
// 当旧值为false，新值为true时延迟0.2秒调用方法
|
||||
if (!oldVal && newVal) {
|
||||
transition.value = false;
|
||||
setTimeout(() => {
|
||||
transition.value = true;
|
||||
}, 50)
|
||||
}
|
||||
}
|
||||
)
|
||||
// 表格弹窗
|
||||
const detailisopen = ref(false);
|
||||
const detailisopacity = ref(false);
|
||||
const isWarning = ref(false);
|
||||
// 初始化左侧菜单列表
|
||||
const buttonList = ref([
|
||||
{ url: '/static/index/Warehousing/zuoce.png', name: '请购单' },
|
||||
// { url: '/static/index/Warehousing/zuoce.png', name: '请购单' },
|
||||
{ url: '/static/index/Warehousing/sousuo.png', name: '查询' },
|
||||
{ url: '/static/index/Warehousing/chongzhi.png', name: '重置' },
|
||||
|
||||
|
||||
]);
|
||||
const opendetail = () => {
|
||||
detailisopen.value = true;
|
||||
|
|
@ -124,11 +205,9 @@
|
|||
detailisopacity.value = true
|
||||
}, 200)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
|
||||
.index-content-other {
|
||||
width: calc(100% - 170rpx);
|
||||
height: 100%;
|
||||
|
|
@ -169,7 +248,7 @@
|
|||
|
||||
.index-right-input {
|
||||
font-size: 27rpx;
|
||||
width: 260rpx;
|
||||
width: 240rpx;
|
||||
border: 2rpx #a0adc8 solid;
|
||||
padding: 15rpx 0 15rpx 20rpx;
|
||||
background-color: rgb(234, 243, 254);
|
||||
|
|
@ -192,7 +271,7 @@
|
|||
align-items: center;
|
||||
border-radius: 10rpx;
|
||||
border: 1rpx solid #fff;
|
||||
margin-right: 20rpx;
|
||||
margin-right: 10rpx;
|
||||
|
||||
.index-right-button-img {
|
||||
width: 45rpx;
|
||||
|
|
@ -228,8 +307,8 @@
|
|||
|
||||
.swiper-card {
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
width: 1007rpx;
|
||||
height: 530rpx;
|
||||
width: 666rpx;
|
||||
height: 345rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 30rpx;
|
||||
/* 设置背景图和白色背景 */
|
||||
|
|
@ -245,9 +324,9 @@
|
|||
width: 400rpx;
|
||||
|
||||
.swiper-card-left-white {
|
||||
margin: 40rpx 0 35rpx 40rpx;
|
||||
width: 350rpx;
|
||||
height: 350rpx;
|
||||
margin: 27rpx 0 20rpx 30rpx;
|
||||
width: 200rpx;
|
||||
height: 280rpx;
|
||||
// background-color: #fff;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
display: flex;
|
||||
|
|
@ -256,54 +335,38 @@
|
|||
align-items: center;
|
||||
|
||||
.swiper-card-left-white-img {
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-left-buttons {
|
||||
display: flex;
|
||||
|
||||
.swiper-left-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 165rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 40rpx;
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 1rpx #fff solid;
|
||||
}
|
||||
|
||||
.swiper-left-button-blue {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 165rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 40rpx;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
border: 1rpx #fff solid;
|
||||
margin-right: 20rpx;
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-card-right {
|
||||
height: 100%;
|
||||
width: 560rpx;
|
||||
margin-left: 40rpx;
|
||||
width: 600rpx;
|
||||
// margin-left: 20rpx;
|
||||
|
||||
.swiper-right-title {
|
||||
margin-top: 35rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.swiper-title-font {
|
||||
font-weight: 700;
|
||||
font-size: 40rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.swiper-title-font-button {
|
||||
padding: 5rpx 15rpx;
|
||||
background: linear-gradient(to right bottom, #0076ff, #00c9ff);
|
||||
color: #fff;
|
||||
border-radius: 10rpx;
|
||||
margin-right: 20rpx;
|
||||
margin-top: -3rpx;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
|
||||
.swiper-title-mark {
|
||||
|
|
@ -321,12 +384,27 @@
|
|||
}
|
||||
|
||||
.swiper-heng {
|
||||
width: 100rpx;
|
||||
width: 90rpx;
|
||||
height: 10rpx;
|
||||
background: linear-gradient(to right, #0EA7DD, #047ADB);
|
||||
// background: linear-gradient(to right, #0EA7DD, #047ADB);
|
||||
border-radius: 30rpx;
|
||||
margin-top: 10rpx;
|
||||
margin-bottom: 30rpx;
|
||||
// margin-top: 10rpx;
|
||||
margin-bottom: 0rpx;
|
||||
}
|
||||
|
||||
.swiper-font {
|
||||
color: #596278;
|
||||
font-size: 26rpx;
|
||||
margin-top: 15rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.swiper-littlefont {
|
||||
color: #596278;
|
||||
font-size: 26rpx;
|
||||
margin-top: 15rpx;
|
||||
display: flex;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.popup-detail {
|
||||
|
|
@ -369,23 +447,214 @@
|
|||
border-radius: 30rpx;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
box-shadow: 5rpx 5rpx 10rpx rgba(0, 0, 0, 0.1);
|
||||
.popup-detail-left-white-img {
|
||||
width: 550rpx;
|
||||
height: 550rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-detail-left-bottom {
|
||||
width: calc(100% - 70rpx);
|
||||
margin-left: 70rpx;
|
||||
height: 230rpx;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-detail-right {
|
||||
height: 100%;
|
||||
width: 55%;
|
||||
padding: 0 50rpx;
|
||||
.popup-detail-title{
|
||||
margin-top: 70rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.popup-detail-weight{
|
||||
font-size: 45rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.popup-detail-gray{
|
||||
padding: 10rpx 30rpx;
|
||||
background-color: rgb(222,217,245);
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.blackfont {
|
||||
font-weight: 600;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.swiper-left-buttons {
|
||||
display: flex;
|
||||
margin-top: 10rpx;
|
||||
|
||||
.swiper-left-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 150rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 20rpx;
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 1rpx #fff solid;
|
||||
color: #364464;
|
||||
box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.swiper-left-button-blue {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 150rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 20rpx;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
border: 1rpx #fff solid;
|
||||
margin-right: 30rpx;
|
||||
box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.bgc-img {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
|
||||
.first-bgc {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: linear-gradient(to right top, #fda64b, #ffcc80);
|
||||
border-radius: 20rpx;
|
||||
border: 2rpx #fff solid;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.second-bgc {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: linear-gradient(to right top, #ffcc80, #fcb398);
|
||||
border-radius: 20rpx;
|
||||
border: 2rpx #fff solid;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.third-bgc {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: linear-gradient(to right top, #869af3, #98abff);
|
||||
border-radius: 20rpx;
|
||||
border: 2rpx #fff solid;
|
||||
margin-right: 10rpx;
|
||||
position: relative;
|
||||
}
|
||||
.bgc-white{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 20rpx;
|
||||
border: 2rpx #fff solid;
|
||||
margin-right: 10rpx;
|
||||
position: relative;
|
||||
}
|
||||
.fourth-bgc {
|
||||
width: 170rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: linear-gradient(to right top, #869af3, #98abff);
|
||||
border-radius: 20rpx;
|
||||
border: 2rpx #fff solid;
|
||||
margin-right: 10rpx;
|
||||
|
||||
.fourth-bgc-img {
|
||||
width: 30rpx;
|
||||
height: 40rpx;
|
||||
margin: 0 10rpx;
|
||||
// margin: 0 5rpx 0 10rpx;
|
||||
}
|
||||
|
||||
.fourth-bgc-font {
|
||||
// margin: 0 5rpx 0 10rpx;
|
||||
color: #fff;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-double {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
// justify-content: space-between;
|
||||
}
|
||||
.red-pao {
|
||||
position: absolute;
|
||||
top: -10rpx;
|
||||
right: -10rpx;
|
||||
// right: 0;
|
||||
|
||||
padding: 3rpx 10rpx;
|
||||
background-color: #FF4C4E;
|
||||
color: #fff;
|
||||
font-size: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
.popup-small-card {
|
||||
width: 33%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
.popup-small-circle{
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
border: 3rpx solid #0FA2FF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.popup-small-circle-img{
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-top: -3rpx;
|
||||
}
|
||||
}
|
||||
.popup-small-number{
|
||||
color: #596278 ;
|
||||
font-weight: 700;
|
||||
font-size: 35rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.popup-small-font{
|
||||
color: #596278 ;
|
||||
font-size: 20rpx;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
}
|
||||
.popup-small-shu{
|
||||
width: 2rpx;
|
||||
height: 140rpx;
|
||||
margin-top: 50rpx;
|
||||
background-color: rgba(255,255,255,0.4);
|
||||
}
|
||||
</style>
|
||||
|
|
@ -27,15 +27,17 @@
|
|||
供应商
|
||||
</view>
|
||||
<input class="index-right-input" placeholder="请输入供应商" />
|
||||
<view class="index-right-name" >
|
||||
<view class="index-right-name">
|
||||
采购日期
|
||||
</view>
|
||||
<view @click.stop="calendarShow=true">
|
||||
<view class="index-right-input" style="width: 200rpx;height: 66rpx;" :style="stateTarget?{}:{color:`#999`}" >
|
||||
<view class="index-right-input" style="width: 200rpx;height: 66rpx;"
|
||||
:style="stateTarget?{}:{color:`#999`}">
|
||||
{{stateTarget ? stateTarget : `请输入采购日期`}}
|
||||
</view>
|
||||
</view>
|
||||
<u-calendar style="width: 40%;margin-left: 30%;" border-radius="40" v-model="calendarShow" mode="date" @change="calendarchange"></u-calendar>
|
||||
<u-calendar style="width: 40%;margin-left: 30%;" border-radius="40" v-model="calendarShow" mode="date"
|
||||
@change="calendarchange"></u-calendar>
|
||||
<view class="index-right-button-all">
|
||||
<view class="" v-for="(item,index) in buttonList" :key="index">
|
||||
<view class="index-right-button">
|
||||
|
|
@ -51,92 +53,114 @@
|
|||
<view class="swiper-contain">
|
||||
<scroll-view scroll-y style="height: 98%;" :show-scrollbar="false">
|
||||
<view class="swiper-flex">
|
||||
<view v-for="(item,index) in cardArray" :key="index">
|
||||
<view class="swiper-card" style="border-color: #FF642F ;" v-if="!item.cardType">
|
||||
<view class="swiper-title"
|
||||
style="background: linear-gradient(to bottom,#FF642F ,#FF5D36 ,#FFAD91 );">
|
||||
<view class="swiper-title-contect"
|
||||
style="background: linear-gradient( to right,#E1E9FF ,#DDC9FF,#FF642F );">
|
||||
<view class="swiper-states">
|
||||
<view class="swiper-states-heng-one"></view>
|
||||
<view class="swiper-states-heng-two"></view>
|
||||
<view class="ball-bgc">
|
||||
<view class="ball-red">
|
||||
采购
|
||||
</view>
|
||||
</view>
|
||||
<view class="ball-bgc">
|
||||
<view class="ball-white">
|
||||
拣货
|
||||
</view>
|
||||
</view>
|
||||
<view class="ball-bgc">
|
||||
<view class="ball-white">
|
||||
结账
|
||||
</view>
|
||||
<view v-for="(item,index) in sliceArray" :key="index">
|
||||
<view class="swiper-card">
|
||||
<view class="swiper-title-contect">
|
||||
<view class="swiper-states">
|
||||
<view
|
||||
:class="item.cardType >1 ?`swiper-states-heng-one-green`:`swiper-states-heng-one`">
|
||||
</view>
|
||||
<view
|
||||
:class="item.cardType >3 ?`swiper-states-heng-two-green`: `swiper-states-heng-two`">
|
||||
</view>
|
||||
<view class="ball-bgc">
|
||||
<view :class="getBallFirst(item.cardType)">
|
||||
采购
|
||||
</view>
|
||||
</view>
|
||||
<view class="title-button-red">
|
||||
已作废
|
||||
<view class="ball-bgc">
|
||||
<view :class="getBallSecond(item.cardType)">
|
||||
拣货
|
||||
</view>
|
||||
</view>
|
||||
<view class="ball-bgc">
|
||||
<view :class="getBallThird(item.cardType)">
|
||||
结账
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-card" style="border-color: #149A00 ;" v-if="item.cardType===5">
|
||||
<view class="swiper-title"
|
||||
style="background: linear-gradient(to bottom,#149A00 ,#BFF47D );">
|
||||
<view class="swiper-title-contect"
|
||||
style="background: linear-gradient( to right,#CEDDFD ,#F2EAFF ,#E2EDFE,#89CE3F );">
|
||||
<view class="swiper-states">
|
||||
<view class="swiper-states-heng-one"></view>
|
||||
<view class="swiper-states-heng-two"></view>
|
||||
<view class="ball-bgc">
|
||||
<view class="ball-yellow">
|
||||
采购
|
||||
</view>
|
||||
</view>
|
||||
<view class="ball-bgc">
|
||||
<view class="ball-green">
|
||||
拣货
|
||||
</view>
|
||||
</view>
|
||||
<view class="ball-bgc">
|
||||
<view class="ball-blue">
|
||||
结账
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="title-button">
|
||||
已结账
|
||||
</view>
|
||||
<view :class="item.cardType ? `title-button`:`title-button-red`">
|
||||
{{stateArray[item.cardType]}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-card" v-if="item.cardType!==5 && item.cardType !==0">
|
||||
<view class="swiper-title">
|
||||
<view class="swiper-title-contect">
|
||||
<view class="swiper-states">
|
||||
<view class="swiper-states-heng-one"></view>
|
||||
<view class="swiper-states-heng-two"></view>
|
||||
<view class="ball-bgc">
|
||||
<view class="ball-yellow">
|
||||
采购
|
||||
</view>
|
||||
<view class="swiper-down">
|
||||
<view class="swiper-flex">
|
||||
<view class="swiper-down-title">采购单号:</view>
|
||||
<view class="swiper-down-number">A0120250301001555</view>
|
||||
</view>
|
||||
<view class="swiper-down-card">
|
||||
<view class="swiper-down-text">
|
||||
<view class="swiper-down-text-left">
|
||||
采 购 人：
|
||||
</view>
|
||||
<view class="ball-bgc">
|
||||
<view class="ball-green">
|
||||
拣货
|
||||
</view>
|
||||
</view>
|
||||
<view class="ball-bgc">
|
||||
<view class="ball-blue">
|
||||
结账
|
||||
</view>
|
||||
<view class="swiper-down-text-right">
|
||||
王法
|
||||
</view>
|
||||
</view>
|
||||
<view class="title-button">
|
||||
未确认
|
||||
<view class="swiper-down-text">
|
||||
<view class="swiper-down-text-left">
|
||||
采购日期 ：
|
||||
</view>
|
||||
<view class="swiper-down-text-right">
|
||||
2025.03.02
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-down-text">
|
||||
<view class="swiper-down-text-left">
|
||||
联 系 人 ：
|
||||
</view>
|
||||
<view class="swiper-down-text-right">
|
||||
李月
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-down-text">
|
||||
<view class="swiper-down-text-left">
|
||||
联系电话 ：
|
||||
</view>
|
||||
<view class="swiper-down-text-right">
|
||||
13355653333
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-down-text" style="width: 100%;">
|
||||
<view class="swiper-down-text-left">
|
||||
供 应 商 ：
|
||||
</view>
|
||||
<view class="swiper-down-text-right">
|
||||
宽城区珂爱个人卫生用品店
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-button">
|
||||
<view class="button-father">
|
||||
<view class="swiper-button-white">
|
||||
详情
|
||||
</view>
|
||||
<view class="swiper-button-blue" v-show="item.cardType==4"
|
||||
@click="isRight(index)">
|
||||
结账
|
||||
</view>
|
||||
<view class="swiper-button-blue"
|
||||
v-show="item.cardType==3||item.cardType==2">
|
||||
拣货
|
||||
</view>
|
||||
<!-- <view class="swiper-button-blue" v-show="item.cardType==2">
|
||||
分享
|
||||
</view> -->
|
||||
<view class="swiper-button-white" v-show="item.cardType>=2"
|
||||
@click="isBack(index)">
|
||||
回退
|
||||
</view>
|
||||
|
||||
<view class="swiper-button-blue" v-show="item.cardType==1"
|
||||
@click="isRight(index)">
|
||||
确认
|
||||
</view>
|
||||
<view class="swiper-button-red" v-show="item.cardType==1"
|
||||
@click="isDelete(index)">
|
||||
作废
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -158,7 +182,9 @@
|
|||
@click="opendetail" />
|
||||
</view>
|
||||
<view class="popup-detail-left-bottom">
|
||||
<view class="popup-small-card">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-detail-right">
|
||||
|
|
@ -180,6 +206,45 @@
|
|||
});
|
||||
// 使用watch监听isShow变化
|
||||
const transition = ref(true);
|
||||
const getBallFirst = (type : number) => {
|
||||
switch (type) {
|
||||
case 0:
|
||||
return `ball-red`
|
||||
case 1:
|
||||
return `ball-yellow`
|
||||
default:
|
||||
return 'ball-green'
|
||||
}
|
||||
}
|
||||
const getBallSecond = (type : number) => {
|
||||
switch (type) {
|
||||
case 0:
|
||||
return `ball-white`
|
||||
case 1:
|
||||
return `ball-white`
|
||||
case 2:
|
||||
return `ball-yellow`
|
||||
case 3:
|
||||
return `ball-yellow`
|
||||
case 4:
|
||||
return `ball-green`
|
||||
case 5:
|
||||
return `ball-green`
|
||||
// default:
|
||||
// return 'ball-green'
|
||||
}
|
||||
}
|
||||
const getBallThird = (type : number) => {
|
||||
switch (type) {
|
||||
|
||||
case 4:
|
||||
return `ball-yellow`
|
||||
case 5:
|
||||
return `ball-green`
|
||||
default:
|
||||
return 'ball-white'
|
||||
}
|
||||
}
|
||||
watch(
|
||||
() => props.isShow,
|
||||
(newVal, oldVal) => {
|
||||
|
|
@ -196,32 +261,131 @@
|
|||
const secondBall = ref(0);
|
||||
const thirdBall = ref(0);
|
||||
const calendarShow = ref(false);
|
||||
const firstBallClick = () =>{
|
||||
const isDelete = (index : number) => {
|
||||
firstBall.value = 0
|
||||
secondBall.value = 0
|
||||
thirdBall.value = 0
|
||||
if(firstBall.value<3){
|
||||
cardArray.value[index].cardType = 0
|
||||
sliceArray.value = cardArray.value;
|
||||
}
|
||||
const isRight = (index : number) => {
|
||||
firstBall.value = 0
|
||||
secondBall.value = 0
|
||||
thirdBall.value = 0
|
||||
cardArray.value[index].cardType++
|
||||
sliceArray.value = cardArray.value;
|
||||
}
|
||||
const isBack = (index : number) => {
|
||||
firstBall.value = 0
|
||||
secondBall.value = 0
|
||||
thirdBall.value = 0
|
||||
cardArray.value[index].cardType--
|
||||
sliceArray.value = cardArray.value;
|
||||
}
|
||||
const firstBallClick = () => {
|
||||
secondBall.value = 0
|
||||
thirdBall.value = 0
|
||||
if (firstBall.value < 3) {
|
||||
firstBall.value++
|
||||
}else{
|
||||
} else {
|
||||
firstBall.value = 0
|
||||
}
|
||||
}
|
||||
const secondBallClick = () =>{
|
||||
firstBall.value = 0
|
||||
thirdBall.value = 0
|
||||
if(secondBall.value<2){
|
||||
secondBall.value++
|
||||
}else{
|
||||
secondBall.value = 0
|
||||
if (firstBall.value) {
|
||||
let saveArray = []
|
||||
switch (firstBall.value) {
|
||||
case 1:
|
||||
|
||||
cardArray.value.forEach((element : any) => {
|
||||
if (element.cardType == 1) {
|
||||
saveArray.push(element)
|
||||
}
|
||||
})
|
||||
sliceArray.value = saveArray;
|
||||
break
|
||||
case 2:
|
||||
cardArray.value.forEach((element : any) => {
|
||||
if (element.cardType > 2) {
|
||||
saveArray.push(element)
|
||||
}
|
||||
})
|
||||
sliceArray.value = saveArray;
|
||||
break
|
||||
case 3:
|
||||
cardArray.value.forEach((element : any) => {
|
||||
if (element.cardType == 0) {
|
||||
saveArray.push(element)
|
||||
}
|
||||
})
|
||||
sliceArray.value = saveArray;
|
||||
break
|
||||
}
|
||||
} else {
|
||||
sliceArray.value = cardArray.value;
|
||||
}
|
||||
}
|
||||
const thirdBallClick = () =>{
|
||||
const secondBallClick = () => {
|
||||
firstBall.value = 0
|
||||
thirdBall.value = 0
|
||||
if (secondBall.value < 2) {
|
||||
secondBall.value++
|
||||
} else {
|
||||
secondBall.value = 0
|
||||
}
|
||||
if (secondBall.value) {
|
||||
let saveArray = []
|
||||
switch (secondBall.value) {
|
||||
case 1:
|
||||
cardArray.value.forEach((element : any) => {
|
||||
if (element.cardType == 2 || element.cardType == 3) {
|
||||
saveArray.push(element)
|
||||
}
|
||||
})
|
||||
sliceArray.value = saveArray;
|
||||
break
|
||||
case 2:
|
||||
cardArray.value.forEach((element : any) => {
|
||||
if (element.cardType > 3) {
|
||||
saveArray.push(element)
|
||||
}
|
||||
})
|
||||
sliceArray.value = saveArray;
|
||||
break
|
||||
}
|
||||
} else {
|
||||
sliceArray.value = cardArray.value;
|
||||
}
|
||||
}
|
||||
const thirdBallClick = () => {
|
||||
secondBall.value = 0
|
||||
firstBall.value = 0
|
||||
if(thirdBall.value<2){
|
||||
if (thirdBall.value < 2) {
|
||||
thirdBall.value++
|
||||
}else{
|
||||
} else {
|
||||
thirdBall.value = 0
|
||||
}
|
||||
if (thirdBall.value) {
|
||||
let saveArray = []
|
||||
switch (thirdBall.value) {
|
||||
case 1:
|
||||
cardArray.value.forEach((element : any) => {
|
||||
if (element.cardType == 4) {
|
||||
saveArray.push(element)
|
||||
}
|
||||
})
|
||||
sliceArray.value = saveArray;
|
||||
break
|
||||
case 2:
|
||||
cardArray.value.forEach((element : any) => {
|
||||
if (element.cardType == 5) {
|
||||
saveArray.push(element)
|
||||
}
|
||||
})
|
||||
sliceArray.value = saveArray;
|
||||
break
|
||||
}
|
||||
} else {
|
||||
sliceArray.value = cardArray.value;
|
||||
}
|
||||
}
|
||||
// 表格弹窗
|
||||
const detailisopen = ref(false);
|
||||
|
|
@ -234,10 +398,21 @@
|
|||
|
||||
]);
|
||||
const stateTarget = ref("");
|
||||
const stateArray = ref(['所有状态', '未确认', '已确认', '未完结', '待结账', '已结账', '已作废']);
|
||||
const stateArray = ref(['已作废', '未确认', '已确认', '未完结', '待结账', '已结账']);
|
||||
// 注意cardType 0是已作废，1是未确认，2是已确认，3是未完结，4是待结账，5是已结账
|
||||
const cardArray = ref(
|
||||
Array.from({ length: 6 }, (_, index) => ({ cardType: index }))
|
||||
);
|
||||
const sliceArray = ref([]);
|
||||
// const sliceTheArray = (type:number) =>{
|
||||
// let saveArray = []
|
||||
// cardArray.value.forEach((element:any)=>{
|
||||
// if(element.cardType>=type){
|
||||
// saveArray.push(element)
|
||||
// }
|
||||
// })
|
||||
// sliceArray.value = saveArray
|
||||
// }
|
||||
const clickBall = (index : number) => {
|
||||
switch (index) {
|
||||
case 0:
|
||||
|
|
@ -260,10 +435,13 @@
|
|||
// const changeStateTarget = (e : any) => {
|
||||
// stateTarget.value = e.detail.value
|
||||
// }
|
||||
const calendarchange = (e:any) =>{
|
||||
const calendarchange = (e : any) => {
|
||||
stateTarget.value = e.result
|
||||
// console.log("E",e.result)
|
||||
}
|
||||
onMounted(() => {
|
||||
sliceArray.value = cardArray.value;
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
|
|
@ -322,24 +500,24 @@
|
|||
|
||||
.index-right-button {
|
||||
// width: 160rpx;
|
||||
height: 70rpx;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
height: 75rpx;
|
||||
background: linear-gradient(to right, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 10rpx;
|
||||
border-radius: 20rpx;
|
||||
border: 1rpx solid #fff;
|
||||
margin-right: 20rpx;
|
||||
|
||||
.index-right-button-img {
|
||||
width: 45rpx;
|
||||
height: 45rpx;
|
||||
margin: 0 5rpx 0 10rpx;
|
||||
margin: 0 5rpx 0 15rpx;
|
||||
}
|
||||
|
||||
.index-right-button-font {
|
||||
margin-right: 20rpx;
|
||||
margin-right: 25rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -368,69 +546,81 @@
|
|||
margin: 20rpx 0 0 20rpx;
|
||||
width: 1007rpx;
|
||||
height: 530rpx;
|
||||
// border: 2rpx solid #fff;
|
||||
border-top: 4rpx solid #FFA504;
|
||||
border: 3rpx solid #fff;
|
||||
// border-top: 4rpx solid #FFA504;
|
||||
border-radius: 30rpx;
|
||||
/* 设置背景图和白色背景 */
|
||||
background: url("/static/index/clearmountain.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 4rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
display: flex;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
flex-direction: column;
|
||||
|
||||
.swiper-title {
|
||||
.swiper-title-contect {
|
||||
|
||||
margin-bottom: 0;
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
// background: linear-gradient( to right,#CEDDFD ,#F2EAFF ,#E2EDFE ,#FFD825 );
|
||||
background: linear-gradient(to bottom, #FFA504, #FFD926, #FFF5B3);
|
||||
height: 115rpx;
|
||||
background: linear-gradient(to right, #CBD8FC, #F2EAFF, #E2EDFE, #BDCAE9);
|
||||
border-top-right-radius: 30rpx;
|
||||
border-top-left-radius: 30rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 3rpx solid;
|
||||
/* 指定边框宽度 */
|
||||
border-image: linear-gradient(to right, transparent, #fff, transparent) 1;
|
||||
|
||||
// border-top-right-radius: 30rpx;
|
||||
// border-top-left-radius: 30rpx;
|
||||
// border-style: solid linear-gradient(to bottom,#FFA504 , #FFD926, #FFF5B3);
|
||||
// border-width: 0 4rpx;
|
||||
/* 上下为0，左右为4px */
|
||||
// border-image: linear-gradient(to bottom,#FFA504 , #FFD926, #FFF5B3) 1;
|
||||
.swiper-title-contect {
|
||||
margin: 2rpx 5rpx;
|
||||
margin-bottom: 0;
|
||||
width: calc(100% - 10rpx);
|
||||
height: 115rpx;
|
||||
background: linear-gradient(to right, #CEDDFD, #F2EAFF, #E2EDFE, #FFD825);
|
||||
border-top-right-radius: 30rpx;
|
||||
border-top-left-radius: 30rpx;
|
||||
.swiper-states {
|
||||
margin-left: 15rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 350rpx;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
.swiper-states {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 350rpx;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.swiper-states-heng-one {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 80rpx;
|
||||
width: 100rpx;
|
||||
height: 10rpx;
|
||||
background-color: #C6CBF6;
|
||||
|
||||
.swiper-states-heng-one {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 80rpx;
|
||||
width: 100rpx;
|
||||
height: 10rpx;
|
||||
background-color: #C6CBF6;
|
||||
}
|
||||
|
||||
}
|
||||
.swiper-states-heng-one-green {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 80rpx;
|
||||
width: 100rpx;
|
||||
height: 10rpx;
|
||||
background: linear-gradient(to top, #ACE800, #55B718);
|
||||
|
||||
}
|
||||
|
||||
.swiper-states-heng-two {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 180rpx;
|
||||
width: 100rpx;
|
||||
height: 10rpx;
|
||||
background-color: #C6CBF6;
|
||||
}
|
||||
|
||||
.swiper-states-heng-two-green {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 180rpx;
|
||||
width: 100rpx;
|
||||
height: 10rpx;
|
||||
background: linear-gradient(to top, #ACE800, #55B718);
|
||||
|
||||
.swiper-states-heng-two {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 180rpx;
|
||||
width: 100rpx;
|
||||
height: 10rpx;
|
||||
background-color: #C6CBF6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -499,7 +689,8 @@
|
|||
width: calc(100% - 70rpx);
|
||||
margin-left: 70rpx;
|
||||
height: 230rpx;
|
||||
background-color: #fff;
|
||||
// background-color: #fff
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -572,7 +763,7 @@
|
|||
// }
|
||||
|
||||
.ball-green {
|
||||
background: linear-gradient(to top, #18A86B, #23C390);
|
||||
background: linear-gradient(to top, #ACE800, #55B718);
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
|
|
@ -599,7 +790,7 @@
|
|||
margin-right: 30rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 20rpx;
|
||||
background: linear-gradient(to right, #FFDF2A, #FF9F00);
|
||||
background: #00AEFF;
|
||||
color: #fff;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
|
|
@ -608,18 +799,107 @@
|
|||
margin-right: 30rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 20rpx;
|
||||
background: linear-gradient(to right, #FF642F, #FF5D36);
|
||||
background: linear-gradient(to bottom, #FF8251, #F52E2C);
|
||||
color: #fff;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
/* .u-calendar__content{
|
||||
background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
} */
|
||||
/* ::v-deep .u-calendar__content{
|
||||
background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
} */
|
||||
|
||||
.swiper-down {
|
||||
width: 100%;
|
||||
height: calc(100% - 115rpx);
|
||||
padding: 0 30rpx;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
|
||||
.swiper-flex {
|
||||
display: flex;
|
||||
margin: 30rpx 0;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.swiper-down-title {
|
||||
font-weight: 500;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.swiper-down-number {
|
||||
font-weight: 700;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.swiper-down-card {
|
||||
width: 100%;
|
||||
height: 200rpx;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 2rpx 4rpx 8rpx 2rpx rgba(0, 0, 0, 0.1);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 20rpx 0;
|
||||
padding-left: 20rpx;
|
||||
|
||||
.swiper-down-text {
|
||||
width: 50%;
|
||||
// height: 40rpx;
|
||||
padding-left: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.swiper-down-text-left {
|
||||
color: #596278;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-button {
|
||||
width: 100%;
|
||||
// background-color: #fff;
|
||||
height: 110rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.button-father {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.swiper-button-white {
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 20rpx;
|
||||
width: 150rpx;
|
||||
height: 70rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
|
||||
.swiper-button-blue {
|
||||
background: linear-gradient(to bottom, #00C9FF, #0076FF);
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 20rpx;
|
||||
width: 150rpx;
|
||||
height: 70rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 10rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.swiper-button-red {
|
||||
background: linear-gradient(to bottom, #FF8251, #F52E2C);
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 20rpx;
|
||||
width: 150rpx;
|
||||
height: 70rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 10rpx;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -92,14 +92,11 @@
|
|||
},
|
||||
|
||||
mounted() {
|
||||
//console.log(`1111`,"检测升级")
|
||||
let app_flag = false
|
||||
// #ifdef APP-PLUS
|
||||
app_flag = true
|
||||
// #endif
|
||||
if((this.h5preview || app_flag) && this.autocheckupdate){
|
||||
|
||||
//console.log(`5610`,"检测升级")
|
||||
this.check_update()
|
||||
}
|
||||
},
|
||||
|
|
@ -113,11 +110,9 @@
|
|||
methods:{
|
||||
//检测升级
|
||||
check_update(){
|
||||
// console.log(`99999`,this.key)
|
||||
let that = this
|
||||
// #ifdef APP-PLUS
|
||||
plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
|
||||
console.log("版本信息："+JSON.stringify(widgetInfo));
|
||||
that.currentversion = widgetInfo.version
|
||||
that.versionname = widgetInfo.name
|
||||
that.versioncode = widgetInfo.versionCode
|
||||
|
|
@ -131,32 +126,14 @@
|
|||
// #endif
|
||||
},
|
||||
updatebusiness: function(that){ //具体升级的业务逻辑
|
||||
|
||||
// let platform = uni.getSystemInfoSync().platform
|
||||
// let formdata = {
|
||||
// appid:'',
|
||||
// method: "upgrade",
|
||||
// version: that.currentversion,
|
||||
// name: that.versionname,
|
||||
// code: that.versioncode,
|
||||
// ts:(new Date()).valueOf(),
|
||||
// transid:'',
|
||||
// sign:'',
|
||||
// platform: platform
|
||||
// }
|
||||
// console.log("!!!!!!!!!",formdata)
|
||||
//console.log("请求地址："+JSON.stringify(formdata));
|
||||
uni.request({
|
||||
url: `http://smartnu.blxinchuang.com/nursing-unit/api/pad/versionUpdate?platform=1&version=${that.currentversion}`,
|
||||
method: 'GET',
|
||||
// data:formdata,
|
||||
dataType:'json',
|
||||
success: (res) => {
|
||||
console.log("????",res)
|
||||
if(res.data.code==100){
|
||||
//提示升级
|
||||
if(res.data.data.update_url){
|
||||
// //console.log("执行")
|
||||
that.dshow = true;
|
||||
that.update_tips = res.data.data.update_tips;
|
||||
that.forceupgrade = res.data.data.forceupdate==1;
|
||||
|
|
@ -165,7 +142,6 @@
|
|||
that.wgt_flag = res.data.data.wgt_flag;
|
||||
that.wgt_url = res.data.data.wgt_url;
|
||||
that.size = res.data.data.size;
|
||||
// console.log(`444`,that.updated2version)
|
||||
that.getnewbanben();
|
||||
}else{
|
||||
// if(that.noticeflag){
|
||||
|
|
@ -232,7 +208,7 @@
|
|||
url: targetUrl,
|
||||
header:this.header,
|
||||
success:function(res){
|
||||
console.log("!!!",res)
|
||||
// console.log("!!!",res)
|
||||
if(res.statusCode == 200){
|
||||
//开始安装
|
||||
plus.runtime.install(res.tempFilePath, {
|
||||
|
|
@ -266,7 +242,7 @@
|
|||
}
|
||||
})
|
||||
this.downloadTask.onProgressUpdate(function(res){
|
||||
console.log("99999",res)
|
||||
// console.log("99999",res)
|
||||
that.update_process = res.progress
|
||||
if(res.progress == Infinity){
|
||||
//使用size计算
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@
|
|||
"name" : "养老App",
|
||||
"appid" : "__UNI__FB2D473",
|
||||
"description" : "养老App",
|
||||
"versionName" : "1.0.0",
|
||||
"versionCode" : 100,
|
||||
"versionName" : "1.0.6",
|
||||
"versionCode" : 106,
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus" : {
|
||||
|
|
|
|||
|
|
@ -52,9 +52,7 @@
|
|||
<rightItemssecond ref="ruler" :liang="indexNumber" :isshow="menuIndexshowsecond" :canmove="canmove"
|
||||
:darkFans="darkFans" v-show="menuIndex==1" @darkchange="darkchange" @savename="openname"
|
||||
@saveruler="openruler" @changefangkuang="changefangkuang" @cleanname="closename" />
|
||||
<!-- 自动更新组件 -->
|
||||
<zy-update ref="zyupgrade" :noticeflag="true" theme="blue" :h5preview="false" oldversion="1.0.0"
|
||||
:appstoreflag="true" :autocheckupdate="true"></zy-update>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -64,7 +62,7 @@
|
|||
import rightItemsfirst from "../../component/rightItemsindex/index.vue"
|
||||
import rightItemssecond from "../../component/rightItemssecond/index.vue"
|
||||
import { onShow } from '@dcloudio/uni-app';
|
||||
import ZyUpdate from '@/component/zy-upgrade/zy-upgrade.vue'
|
||||
|
||||
|
||||
// 初始化左侧菜单列表
|
||||
const iconList = ref<Link[]>([
|
||||
|
|
@ -271,15 +269,14 @@
|
|||
|
||||
return result;
|
||||
}
|
||||
const zyupgrade = ref(null)
|
||||
// 生命周期钩子
|
||||
onShow(() => {
|
||||
zyupgrade.value?.check_update()
|
||||
//首次加载和跳转回来需要重新做个动画
|
||||
setTimeout(() => {
|
||||
changeMenu(menuIndex.value)
|
||||
}, 50)
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@
|
|||
import storeroomorders from "@/component/storeroom/orders.vue"
|
||||
// 暗黑模式
|
||||
const darkFans = ref(false);
|
||||
const menuIndex = ref(1);
|
||||
const menuIndex = ref(0);
|
||||
// 删除表格弹窗
|
||||
const detailisopen = ref(false);
|
||||
const detailisopacity = ref(false)
|
||||
|
|
|
|||
|
|
@ -6,14 +6,18 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 自动更新组件 -->
|
||||
<zy-update ref="zyupgrade" :noticeflag="true" theme="blue" :h5preview="false" oldversion="1.0.0"
|
||||
:appstoreflag="true" :autocheckupdate="true"></zy-update>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, } from 'vue';
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||
import ZyUpdate from '@/component/zy-upgrade/zy-upgrade.vue'
|
||||
// 暗黑模式
|
||||
const darkFans = ref(false);
|
||||
|
||||
const zyupgrade = ref(null)
|
||||
type darkFanstype = {
|
||||
darkFans : boolean
|
||||
}
|
||||
|
|
@ -27,9 +31,9 @@
|
|||
url: "/pages/Warehousing/index"
|
||||
},
|
||||
]
|
||||
const jumpTo = (url:string) =>{
|
||||
const jumpTo = (url : string) => {
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
url: url
|
||||
});
|
||||
}
|
||||
// 生命周期钩子
|
||||
|
|
@ -38,9 +42,10 @@
|
|||
// uni.navigateBack()
|
||||
});
|
||||
|
||||
// const goback = () =>{
|
||||
// uni.navigateBack()
|
||||
// }
|
||||
// 生命周期钩子
|
||||
onShow(() => {
|
||||
zyupgrade.value?.check_update()
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
|
|
@ -56,7 +61,8 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.menuCard{
|
||||
|
||||
.menuCard {
|
||||
width: 600rpx;
|
||||
margin: 0 100rpx;
|
||||
height: 400rpx;
|
||||
|
|
@ -68,6 +74,7 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
// //暗黑模式
|
||||
// .darkbackgroundContainer {
|
||||
// display: flex;
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 557 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 752 B |
Binary file not shown.
|
After Width: | Height: | Size: 993 B |
Binary file not shown.
|
After Width: | Height: | Size: 765 B |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__FB2D473","name":"养老App","version":{"name":"1.0.4","code":104},"description":"养老App","developer":{"name":"","email":"","url":""},"permissions":{"Share":{},"Camera":{},"VideoPlayer":{},"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"autoclose":true,"delay":0,"target":"id:1","waiting":true},"popGesture":"close","launchwebview":{"render":"always","id":"1","kernel":"WKWebview"},"usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"distribute":{"icons":{"android":{"hdpi":"icon-android-hdpi.png","xhdpi":"icon-android-xhdpi.png","xxhdpi":"icon-android-xxhdpi.png","xxxhdpi":"icon-android-xxxhdpi.png"},"ios":{"appstore":"unpackage/res/icons/1024x1024.png","ipad":{"app":"unpackage/res/icons/76x76.png","app@2x":"unpackage/res/icons/152x152.png","notification":"unpackage/res/icons/20x20.png","notification@2x":"unpackage/res/icons/40x40.png","proapp@2x":"unpackage/res/icons/167x167.png","settings":"unpackage/res/icons/29x29.png","settings@2x":"unpackage/res/icons/58x58.png","spotlight":"unpackage/res/icons/40x40.png","spotlight@2x":"unpackage/res/icons/80x80.png"},"iphone":{"app@2x":"unpackage/res/icons/120x120.png","app@3x":"unpackage/res/icons/180x180.png","notification@2x":"unpackage/res/icons/40x40.png","notification@3x":"unpackage/res/icons/60x60.png","settings@2x":"unpackage/res/icons/58x58.png","settings@3x":"unpackage/res/icons/87x87.png","spotlight@2x":"unpackage/res/icons/80x80.png","spotlight@3x":"unpackage/res/icons/120x120.png"},"prerendered":"false"}},"google":{"abiFilters":["armeabi-v7a","arm64-v8a","x86"],"permissions":["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-feature android:name=\"android.hardware.camera\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"],"packagename":"uni.UNIFB2D473","aliasname":"__uni__fb2d473","password":"Z4Urhm9jqwqMGoeQNpGzJA==","storepwd":"Z4Urhm9jqwqMGoeQNpGzJA==","keypwd":"Z4Urhm9jqwqMGoeQNpGzJA==","keystore":"google-keystore.keystore","custompermissions":true},"apple":{"dSYMs":false,"devices":"universal"},"plugins":{"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}},"share":{"weixin":{"UniversalLinks":"","appid":"wxda748470da82886e"}}},"orientation":"portrait-primary"},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#F8F8F8"},"uniStatistics":{"enable":false},"allowsInlineMediaPlayback":true,"uni-app":{"control":"uni-v3","vueVersion":"3","compilerVersion":"4.57","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal","webView":{"minUserAgentVersion":"49.0"}},"adid":"122926210510"},"app-harmony":{"useragent":{"value":"uni-app","concatenate":true},"uniStatistics":{"enable":false}},"screenOrientation":["landscape-primary","landscape-secondary"],"launch_path":"__uniappview.html"}
|
||||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__FB2D473","name":"养老App","version":{"name":"1.0.6","code":106},"description":"养老App","developer":{"name":"","email":"","url":""},"permissions":{"Share":{},"Camera":{},"VideoPlayer":{},"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"autoclose":true,"delay":0,"target":"id:1","waiting":true},"popGesture":"close","launchwebview":{"render":"always","id":"1","kernel":"WKWebview"},"usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"distribute":{"icons":{"android":{"hdpi":"icon-android-hdpi.png","xhdpi":"icon-android-xhdpi.png","xxhdpi":"icon-android-xxhdpi.png","xxxhdpi":"icon-android-xxxhdpi.png"},"ios":{"appstore":"unpackage/res/icons/1024x1024.png","ipad":{"app":"unpackage/res/icons/76x76.png","app@2x":"unpackage/res/icons/152x152.png","notification":"unpackage/res/icons/20x20.png","notification@2x":"unpackage/res/icons/40x40.png","proapp@2x":"unpackage/res/icons/167x167.png","settings":"unpackage/res/icons/29x29.png","settings@2x":"unpackage/res/icons/58x58.png","spotlight":"unpackage/res/icons/40x40.png","spotlight@2x":"unpackage/res/icons/80x80.png"},"iphone":{"app@2x":"unpackage/res/icons/120x120.png","app@3x":"unpackage/res/icons/180x180.png","notification@2x":"unpackage/res/icons/40x40.png","notification@3x":"unpackage/res/icons/60x60.png","settings@2x":"unpackage/res/icons/58x58.png","settings@3x":"unpackage/res/icons/87x87.png","spotlight@2x":"unpackage/res/icons/80x80.png","spotlight@3x":"unpackage/res/icons/120x120.png"},"prerendered":"false"}},"google":{"abiFilters":["armeabi-v7a","arm64-v8a","x86"],"permissions":["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-feature android:name=\"android.hardware.camera\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"],"packagename":"uni.UNIFB2D473","aliasname":"__uni__fb2d473","password":"Z4Urhm9jqwqMGoeQNpGzJA==","storepwd":"Z4Urhm9jqwqMGoeQNpGzJA==","keypwd":"Z4Urhm9jqwqMGoeQNpGzJA==","keystore":"google-keystore.keystore","custompermissions":true},"apple":{"dSYMs":false,"devices":"universal"},"plugins":{"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}},"share":{"weixin":{"UniversalLinks":"","appid":"wxda748470da82886e"}}},"orientation":"portrait-primary"},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#F8F8F8"},"uniStatistics":{"enable":false},"allowsInlineMediaPlayback":true,"uni-app":{"control":"uni-v3","vueVersion":"3","compilerVersion":"4.57","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal","webView":{"minUserAgentVersion":"49.0"}},"adid":"122926210510"},"app-harmony":{"useragent":{"value":"uni-app","concatenate":true},"uniStatistics":{"enable":false}},"screenOrientation":["landscape-primary","landscape-secondary"],"launch_path":"__uniappview.html"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
BIN
unpackage/cache/wgt/__UNI__FB2D473/static/index/Warehousing/firstbutton.png
vendored
Normal file
BIN
unpackage/cache/wgt/__UNI__FB2D473/static/index/Warehousing/firstbutton.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
unpackage/cache/wgt/__UNI__FB2D473/static/index/Warehousing/fourthbutton.png
vendored
Normal file
BIN
unpackage/cache/wgt/__UNI__FB2D473/static/index/Warehousing/fourthbutton.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 557 B |
BIN
unpackage/cache/wgt/__UNI__FB2D473/static/index/Warehousing/secondbutton.png
vendored
Normal file
BIN
unpackage/cache/wgt/__UNI__FB2D473/static/index/Warehousing/secondbutton.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
unpackage/cache/wgt/__UNI__FB2D473/static/index/Warehousing/thirdbutton.png
vendored
Normal file
BIN
unpackage/cache/wgt/__UNI__FB2D473/static/index/Warehousing/thirdbutton.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 752 B |
Binary file not shown.
|
After Width: | Height: | Size: 993 B |
Binary file not shown.
|
After Width: | Height: | Size: 765 B |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -7,8 +7,8 @@
|
|||
"id": "__UNI__FB2D473",
|
||||
"name": "养老App",
|
||||
"version": {
|
||||
"name": "1.0.4",
|
||||
"code": 104
|
||||
"name": "1.0.6",
|
||||
"code": 106
|
||||
},
|
||||
"description": "养老App",
|
||||
"developer": {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 557 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 752 B |
Binary file not shown.
|
After Width: | Height: | Size: 993 B |
Binary file not shown.
|
After Width: | Height: | Size: 765 B |
File diff suppressed because it is too large
Load Diff
|
|
@ -7,8 +7,8 @@
|
|||
"id": "__UNI__FB2D473",
|
||||
"name": "养老App",
|
||||
"version": {
|
||||
"name": "1.0.0",
|
||||
"code": 100
|
||||
"name": "1.0.6",
|
||||
"code": 106
|
||||
},
|
||||
"description": "养老App",
|
||||
"developer": {
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -35,7 +35,7 @@
|
|||
}
|
||||
.index-content-right .index-right-title .index-right-input[data-v-8856eb47] {
|
||||
font-size: 0.84375rem;
|
||||
width: 8.125rem;
|
||||
width: 7.5rem;
|
||||
border: 0.0625rem #a0adc8 solid;
|
||||
padding: 0.46875rem 0 0.46875rem 0.625rem;
|
||||
background-color: #eaf3fe;
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
align-items: center;
|
||||
border-radius: 0.3125rem;
|
||||
border: 0.03125rem solid #fff;
|
||||
margin-right: 0.625rem;
|
||||
margin-right: 0.3125rem;
|
||||
}
|
||||
.index-content-right .index-right-title .index-right-button-all .index-right-button .index-right-button-img[data-v-8856eb47] {
|
||||
width: 1.40625rem;
|
||||
|
|
@ -84,8 +84,8 @@
|
|||
}
|
||||
.swiper-contain .swiper-flex .swiper-card[data-v-8856eb47] {
|
||||
margin: 0.625rem 0 0 0.625rem;
|
||||
width: 31.46875rem;
|
||||
height: 16.5625rem;
|
||||
width: 20.8125rem;
|
||||
height: 10.78125rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.9375rem;
|
||||
/* 设置背景图和白色背景 */
|
||||
|
|
@ -101,9 +101,9 @@
|
|||
width: 12.5rem;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-card-left .swiper-card-left-white[data-v-8856eb47] {
|
||||
margin: 1.25rem 0 1.09375rem 1.25rem;
|
||||
width: 10.9375rem;
|
||||
height: 10.9375rem;
|
||||
margin: 0.84375rem 0 0.625rem 0.9375rem;
|
||||
width: 6.25rem;
|
||||
height: 8.75rem;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
display: flex;
|
||||
border-radius: 0.9375rem;
|
||||
|
|
@ -111,48 +111,31 @@
|
|||
align-items: center;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-card-left .swiper-card-left-white .swiper-card-left-white-img[data-v-8856eb47] {
|
||||
width: 9.375rem;
|
||||
height: 9.375rem;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-card-left .swiper-left-buttons[data-v-8856eb47] {
|
||||
display: flex;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-card-left .swiper-left-buttons .swiper-left-button[data-v-8856eb47] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 5.15625rem;
|
||||
height: 2.1875rem;
|
||||
border-radius: 1.25rem;
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 0.03125rem #fff solid;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-card-left .swiper-left-buttons .swiper-left-button-blue[data-v-8856eb47] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 5.15625rem;
|
||||
height: 2.1875rem;
|
||||
border-radius: 1.25rem;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
border: 0.03125rem #fff solid;
|
||||
margin-right: 0.625rem;
|
||||
margin-left: 1.25rem;
|
||||
width: 6.25rem;
|
||||
height: 6.25rem;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-card-right[data-v-8856eb47] {
|
||||
height: 100%;
|
||||
width: 17.5rem;
|
||||
margin-left: 1.25rem;
|
||||
width: 18.75rem;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-card-right .swiper-right-title[data-v-8856eb47] {
|
||||
margin-top: 1.09375rem;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-card-right .swiper-right-title .swiper-title-font[data-v-8856eb47] {
|
||||
font-weight: 700;
|
||||
font-size: 1.25rem;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-card-right .swiper-right-title .swiper-title-font-button[data-v-8856eb47] {
|
||||
padding: 0.15625rem 0.46875rem;
|
||||
background: linear-gradient(to right bottom, #0076ff, #00c9ff);
|
||||
color: #fff;
|
||||
border-radius: 0.3125rem;
|
||||
margin-right: 0.625rem;
|
||||
margin-top: -0.09375rem;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-card-right .swiper-right-title .swiper-title-mark[data-v-8856eb47] {
|
||||
background-color: #d6d4f5;
|
||||
|
|
@ -163,12 +146,23 @@
|
|||
margin-right: 0.625rem;
|
||||
}
|
||||
.swiper-heng[data-v-8856eb47] {
|
||||
width: 3.125rem;
|
||||
width: 2.8125rem;
|
||||
height: 0.3125rem;
|
||||
background: linear-gradient(to right, #0EA7DD, #047ADB);
|
||||
border-radius: 0.9375rem;
|
||||
margin-top: 0.3125rem;
|
||||
margin-bottom: 0.9375rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.swiper-font[data-v-8856eb47] {
|
||||
color: #596278;
|
||||
font-size: 0.8125rem;
|
||||
margin-top: 0.46875rem;
|
||||
display: flex;
|
||||
}
|
||||
.swiper-littlefont[data-v-8856eb47] {
|
||||
color: #596278;
|
||||
font-size: 0.8125rem;
|
||||
margin-top: 0.46875rem;
|
||||
display: flex;
|
||||
width: 50%;
|
||||
}
|
||||
.popup-detail[data-v-8856eb47] {
|
||||
position: fixed;
|
||||
|
|
@ -210,6 +204,7 @@
|
|||
border-radius: 0.9375rem;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-shadow: 0.15625rem 0.15625rem 0.3125rem rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-left .popup-detail-left-white .popup-detail-left-white-img[data-v-8856eb47] {
|
||||
width: 17.1875rem;
|
||||
|
|
@ -219,11 +214,183 @@
|
|||
width: calc(100% - 2.1875rem);
|
||||
margin-left: 2.1875rem;
|
||||
height: 7.1875rem;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-right[data-v-8856eb47] {
|
||||
height: 100%;
|
||||
width: 55%;
|
||||
padding: 0 1.5625rem;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-right .popup-detail-title[data-v-8856eb47] {
|
||||
margin-top: 2.1875rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-right .popup-detail-title .popup-detail-weight[data-v-8856eb47] {
|
||||
font-size: 1.40625rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-right .popup-detail-title .popup-detail-gray[data-v-8856eb47] {
|
||||
padding: 0.3125rem 0.9375rem;
|
||||
background-color: #ded9f5;
|
||||
border-radius: 0.9375rem;
|
||||
}
|
||||
.blackfont[data-v-8856eb47] {
|
||||
font-weight: 600;
|
||||
color: red;
|
||||
}
|
||||
.swiper-left-buttons[data-v-8856eb47] {
|
||||
display: flex;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.swiper-left-buttons .swiper-left-button[data-v-8856eb47] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 4.6875rem;
|
||||
height: 1.875rem;
|
||||
border-radius: 0.625rem;
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 0.03125rem #fff solid;
|
||||
color: #364464;
|
||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.swiper-left-buttons .swiper-left-button-blue[data-v-8856eb47] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 4.6875rem;
|
||||
height: 1.875rem;
|
||||
border-radius: 0.625rem;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
border: 0.03125rem #fff solid;
|
||||
margin-right: 0.9375rem;
|
||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.bgc-img[data-v-8856eb47] {
|
||||
width: 1.5625rem;
|
||||
height: 1.5625rem;
|
||||
}
|
||||
.first-bgc[data-v-8856eb47] {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: linear-gradient(to right top, #fda64b, #ffcc80);
|
||||
border-radius: 0.625rem;
|
||||
border: 0.0625rem #fff solid;
|
||||
margin-right: 0.3125rem;
|
||||
}
|
||||
.second-bgc[data-v-8856eb47] {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: linear-gradient(to right top, #ffcc80, #fcb398);
|
||||
border-radius: 0.625rem;
|
||||
border: 0.0625rem #fff solid;
|
||||
margin-right: 0.3125rem;
|
||||
}
|
||||
.third-bgc[data-v-8856eb47] {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: linear-gradient(to right top, #869af3, #98abff);
|
||||
border-radius: 0.625rem;
|
||||
border: 0.0625rem #fff solid;
|
||||
margin-right: 0.3125rem;
|
||||
position: relative;
|
||||
}
|
||||
.bgc-white[data-v-8856eb47] {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 0.625rem;
|
||||
border: 0.0625rem #fff solid;
|
||||
margin-right: 0.3125rem;
|
||||
position: relative;
|
||||
}
|
||||
.fourth-bgc[data-v-8856eb47] {
|
||||
width: 5.3125rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: linear-gradient(to right top, #869af3, #98abff);
|
||||
border-radius: 0.625rem;
|
||||
border: 0.0625rem #fff solid;
|
||||
margin-right: 0.3125rem;
|
||||
}
|
||||
.fourth-bgc .fourth-bgc-img[data-v-8856eb47] {
|
||||
width: 0.9375rem;
|
||||
height: 1.25rem;
|
||||
margin: 0 0.3125rem;
|
||||
}
|
||||
.fourth-bgc .fourth-bgc-font[data-v-8856eb47] {
|
||||
color: #fff;
|
||||
margin-right: 0.3125rem;
|
||||
}
|
||||
.swiper-double[data-v-8856eb47] {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
}
|
||||
.red-pao[data-v-8856eb47] {
|
||||
position: absolute;
|
||||
top: -0.3125rem;
|
||||
right: -0.3125rem;
|
||||
padding: 0.09375rem 0.3125rem;
|
||||
background-color: #FF4C4E;
|
||||
color: #fff;
|
||||
font-size: 0.625rem;
|
||||
border-radius: 0.625rem;
|
||||
z-index: 101;
|
||||
}
|
||||
.popup-small-card[data-v-8856eb47] {
|
||||
width: 33%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.popup-small-card .popup-small-circle[data-v-8856eb47] {
|
||||
width: 1.875rem;
|
||||
height: 1.875rem;
|
||||
border-radius: 50%;
|
||||
border: 0.09375rem solid #0FA2FF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.popup-small-card .popup-small-circle .popup-small-circle-img[data-v-8856eb47] {
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
margin-top: -0.09375rem;
|
||||
}
|
||||
.popup-small-card .popup-small-number[data-v-8856eb47] {
|
||||
color: #596278;
|
||||
font-weight: 700;
|
||||
font-size: 1.09375rem;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.popup-small-card .popup-small-font[data-v-8856eb47] {
|
||||
color: #596278;
|
||||
font-size: 0.625rem;
|
||||
margin-top: 0.15625rem;
|
||||
}
|
||||
.popup-small-shu[data-v-8856eb47] {
|
||||
width: 0.0625rem;
|
||||
height: 4.375rem;
|
||||
margin-top: 1.5625rem;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1602,23 +1769,23 @@
|
|||
align-items: center;
|
||||
}
|
||||
.index-content-right .index-right-title .index-right-button-all .index-right-button[data-v-a2a18362] {
|
||||
height: 2.1875rem;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
height: 2.34375rem;
|
||||
background: linear-gradient(to right, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 0.3125rem;
|
||||
border-radius: 0.625rem;
|
||||
border: 0.03125rem solid #fff;
|
||||
margin-right: 0.625rem;
|
||||
}
|
||||
.index-content-right .index-right-title .index-right-button-all .index-right-button .index-right-button-img[data-v-a2a18362] {
|
||||
width: 1.40625rem;
|
||||
height: 1.40625rem;
|
||||
margin: 0 0.15625rem 0 0.3125rem;
|
||||
margin: 0 0.15625rem 0 0.46875rem;
|
||||
}
|
||||
.index-content-right .index-right-title .index-right-button-all .index-right-button .index-right-button-font[data-v-a2a18362] {
|
||||
margin-right: 0.625rem;
|
||||
margin-right: 0.78125rem;
|
||||
}
|
||||
.index-content-down[data-v-a2a18362] {
|
||||
width: calc(100% - 1.875rem);
|
||||
|
|
@ -1640,37 +1807,35 @@
|
|||
margin: 0.625rem 0 0 0.625rem;
|
||||
width: 31.46875rem;
|
||||
height: 16.5625rem;
|
||||
border-top: 0.125rem solid #FFA504;
|
||||
border: 0.09375rem solid #fff;
|
||||
border-radius: 0.9375rem;
|
||||
/* 设置背景图和白色背景 */
|
||||
background: url("../../static/index/clearmountain.png") center / cover, rgba(255, 255, 255, 0.5);
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0.125rem 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.3);
|
||||
display: flex;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
flex-direction: column;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title[data-v-a2a18362] {
|
||||
width: 100%;
|
||||
height: 3.75rem;
|
||||
background: linear-gradient(to bottom, #FFA504, #FFD926, #FFF5B3);
|
||||
/* 上下为0，左右为4px */
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title .swiper-title-contect[data-v-a2a18362] {
|
||||
margin: 0.0625rem 0.15625rem;
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect[data-v-a2a18362] {
|
||||
margin-bottom: 0;
|
||||
width: calc(100% - 0.3125rem);
|
||||
width: 100%;
|
||||
height: 3.59375rem;
|
||||
background: linear-gradient(to right, #CEDDFD, #F2EAFF, #E2EDFE, #FFD825);
|
||||
background: linear-gradient(to right, #CBD8FC, #F2EAFF, #E2EDFE, #BDCAE9);
|
||||
border-top-right-radius: 0.9375rem;
|
||||
border-top-left-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 0.09375rem solid;
|
||||
/* 指定边框宽度 */
|
||||
border-image: linear-gradient(to right, transparent, #fff, transparent) 1;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title .swiper-title-contect .swiper-states[data-v-a2a18362] {
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect .swiper-states[data-v-a2a18362] {
|
||||
margin-left: 0.46875rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
|
@ -1678,7 +1843,7 @@
|
|||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title .swiper-title-contect .swiper-states .swiper-states-heng-one[data-v-a2a18362] {
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect .swiper-states .swiper-states-heng-one[data-v-a2a18362] {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 2.5rem;
|
||||
|
|
@ -1686,7 +1851,15 @@
|
|||
height: 0.3125rem;
|
||||
background-color: #C6CBF6;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title .swiper-title-contect .swiper-states .swiper-states-heng-two[data-v-a2a18362] {
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect .swiper-states .swiper-states-heng-one-green[data-v-a2a18362] {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 2.5rem;
|
||||
width: 3.125rem;
|
||||
height: 0.3125rem;
|
||||
background: linear-gradient(to top, #ACE800, #55B718);
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect .swiper-states .swiper-states-heng-two[data-v-a2a18362] {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 5.625rem;
|
||||
|
|
@ -1694,6 +1867,14 @@
|
|||
height: 0.3125rem;
|
||||
background-color: #C6CBF6;
|
||||
}
|
||||
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect .swiper-states .swiper-states-heng-two-green[data-v-a2a18362] {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 5.625rem;
|
||||
width: 3.125rem;
|
||||
height: 0.3125rem;
|
||||
background: linear-gradient(to top, #ACE800, #55B718);
|
||||
}
|
||||
.swiper-heng[data-v-a2a18362] {
|
||||
width: 3.125rem;
|
||||
height: 0.3125rem;
|
||||
|
|
@ -1751,7 +1932,7 @@
|
|||
width: calc(100% - 2.1875rem);
|
||||
margin-left: 2.1875rem;
|
||||
height: 7.1875rem;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-right[data-v-a2a18362] {
|
||||
height: 100%;
|
||||
|
|
@ -1802,7 +1983,7 @@
|
|||
font-size: 0.78125rem;
|
||||
}
|
||||
.ball-green[data-v-a2a18362] {
|
||||
background: linear-gradient(to top, #18A86B, #23C390);
|
||||
background: linear-gradient(to top, #ACE800, #55B718);
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
|
|
@ -1827,7 +2008,7 @@
|
|||
margin-right: 0.9375rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
background: linear-gradient(to right, #FFDF2A, #FF9F00);
|
||||
background: #00AEFF;
|
||||
color: #fff;
|
||||
padding: 0.3125rem 0.625rem;
|
||||
}
|
||||
|
|
@ -1835,20 +2016,94 @@
|
|||
margin-right: 0.9375rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
background: linear-gradient(to right, #FF642F, #FF5D36);
|
||||
background: linear-gradient(to bottom, #FF8251, #F52E2C);
|
||||
color: #fff;
|
||||
padding: 0.3125rem 0.625rem;
|
||||
}
|
||||
|
||||
|
||||
/* .u-calendar__content{
|
||||
background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
} */
|
||||
/* ::v-deep .u-calendar__content{
|
||||
background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
} */
|
||||
.swiper-down[data-v-a2a18362] {
|
||||
width: 100%;
|
||||
height: calc(100% - 3.59375rem);
|
||||
padding: 0 0.9375rem;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.swiper-down .swiper-flex[data-v-a2a18362] {
|
||||
display: flex;
|
||||
margin: 0.9375rem 0;
|
||||
margin-left: 0.3125rem;
|
||||
}
|
||||
.swiper-down .swiper-down-title[data-v-a2a18362] {
|
||||
font-weight: 500;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.swiper-down .swiper-down-number[data-v-a2a18362] {
|
||||
font-weight: 700;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.swiper-down .swiper-down-card[data-v-a2a18362] {
|
||||
width: 100%;
|
||||
height: 6.25rem;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 0.625rem;
|
||||
box-shadow: 0.0625rem 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.1);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0.625rem 0;
|
||||
padding-left: 0.625rem;
|
||||
}
|
||||
.swiper-down .swiper-down-card .swiper-down-text[data-v-a2a18362] {
|
||||
width: 50%;
|
||||
padding-left: 0.625rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.swiper-down .swiper-down-card .swiper-down-text .swiper-down-text-left[data-v-a2a18362] {
|
||||
color: #596278;
|
||||
}
|
||||
.swiper-down .swiper-button[data-v-a2a18362] {
|
||||
width: 100%;
|
||||
height: 3.4375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.swiper-down .swiper-button .button-father[data-v-a2a18362] {
|
||||
display: flex;
|
||||
}
|
||||
.swiper-down .swiper-button .swiper-button-white[data-v-a2a18362] {
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
width: 4.6875rem;
|
||||
height: 2.1875rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 0.3125rem;
|
||||
}
|
||||
.swiper-down .swiper-button .swiper-button-blue[data-v-a2a18362] {
|
||||
background: linear-gradient(to bottom, #00C9FF, #0076FF);
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
width: 4.6875rem;
|
||||
height: 2.1875rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 0.3125rem;
|
||||
color: #fff;
|
||||
}
|
||||
.swiper-down .swiper-button .swiper-button-red[data-v-a2a18362] {
|
||||
background: linear-gradient(to bottom, #FF8251, #F52E2C);
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
width: 4.6875rem;
|
||||
height: 2.1875rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 0.3125rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.backgroundContainer[data-v-82a72f7e] {
|
||||
display: flex;
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 557 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 752 B |
Binary file not shown.
|
After Width: | Height: | Size: 993 B |
Binary file not shown.
|
After Width: | Height: | Size: 765 B |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue