4.11
This commit is contained in:
parent
833dd460bd
commit
edfffc175e
|
@ -3,7 +3,7 @@
|
||||||
<!-- 遮罩层 -->
|
<!-- 遮罩层 -->
|
||||||
<view v-if="isVisible" class="overlay" @click="closeDrawer"></view>
|
<view v-if="isVisible" class="overlay" @click="closeDrawer"></view>
|
||||||
<!-- 抽屉 -->
|
<!-- 抽屉 -->
|
||||||
<view :class="['drawer', { 'drawer-open': isVisible }]">
|
<view :class="['drawer', { 'drawer-open': isVisible }]" :style="drawerStyle">
|
||||||
<view class="drawer-content">
|
<view class="drawer-content">
|
||||||
<!-- 抽屉中间的半圆 -->
|
<!-- 抽屉中间的半圆 -->
|
||||||
<view class="drawer-content-circle" @click="closeDrawer">
|
<view class="drawer-content-circle" @click="closeDrawer">
|
||||||
|
@ -18,11 +18,29 @@
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {
|
import {
|
||||||
ref
|
ref,
|
||||||
|
defineProps,
|
||||||
|
withDefaults,
|
||||||
|
computed
|
||||||
} from 'vue';
|
} from 'vue';
|
||||||
|
|
||||||
const isVisible = ref(false);
|
const isVisible = ref(false);
|
||||||
|
const props = defineProps({
|
||||||
|
// 左探头百分之多少
|
||||||
|
widNumber: {
|
||||||
|
type: Number,
|
||||||
|
default: 0
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const drawerStyle = computed(() => {
|
||||||
|
const width = props.widNumber || 85; // 默认宽度为85%
|
||||||
|
const right = isVisible.value ? '0%' : `-${width + 5}%`;
|
||||||
|
|
||||||
|
return {
|
||||||
|
width: `${width}%`,
|
||||||
|
right
|
||||||
|
};
|
||||||
|
});
|
||||||
// 打开抽屉
|
// 打开抽屉
|
||||||
const openDrawer = () => {
|
const openDrawer = () => {
|
||||||
isVisible.value = true;
|
isVisible.value = true;
|
||||||
|
@ -57,8 +75,8 @@
|
||||||
.drawer {
|
.drawer {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: -90%;
|
// right: -90%;
|
||||||
width: 85%;
|
// width: 85%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
|
@ -88,12 +106,14 @@
|
||||||
height: 110rpx;
|
height: 110rpx;
|
||||||
// background-color: #f00;
|
// background-color: #f00;
|
||||||
/* border-radius 的两个值分别代表水平和垂直半径 */
|
/* border-radius 的两个值分别代表水平和垂直半径 */
|
||||||
border-radius: 50% ;
|
border-radius: 50%;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
background: linear-gradient(to bottom, #dfecfa, #c9dbee);
|
background: linear-gradient(to bottom, #dfecfa, #c9dbee);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
clip-path: inset(0 60% 0 0); /* 上 右 下 左,裁掉右半边 */
|
clip-path: inset(0 60% 0 0);
|
||||||
|
|
||||||
|
/* 上 右 下 左,裁掉右半边 */
|
||||||
.drawer-img {
|
.drawer-img {
|
||||||
width: 25rpx;
|
width: 25rpx;
|
||||||
height: 25rpx;
|
height: 25rpx;
|
||||||
|
|
|
@ -74,7 +74,7 @@
|
||||||
.right-container-right-father-dark {
|
.right-container-right-father-dark {
|
||||||
|
|
||||||
height: 630rpx;
|
height: 630rpx;
|
||||||
border-radius: 45rpx;
|
border-radius: 50rpx;
|
||||||
background-color: rgb(22, 48, 76);
|
background-color: rgb(22, 48, 76);
|
||||||
border: 2rpx solid transparent;
|
border: 2rpx solid transparent;
|
||||||
background:
|
background:
|
||||||
|
@ -87,7 +87,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
|
box-shadow: 0px 8rpx 16rpx rgba(105, 129, 178,0.8);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.uni-margin-wrap {
|
.uni-margin-wrap {
|
||||||
|
@ -367,7 +367,7 @@
|
||||||
.right-container-right-father {
|
.right-container-right-father {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 630rpx;
|
height: 630rpx;
|
||||||
border-radius: 35rpx;
|
border-radius: 50rpx;
|
||||||
border: 2rpx solid #fff;
|
border: 2rpx solid #fff;
|
||||||
background-image: url('/static/index/mountain.png');
|
background-image: url('/static/index/mountain.png');
|
||||||
background-color: rgba(200, 216, 238, 0.8);
|
background-color: rgba(200, 216, 238, 0.8);
|
||||||
|
@ -375,7 +375,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
|
box-shadow: 0px 8rpx 16rpx rgba(105, 129, 178,0.8);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.uni-margin-wrap {
|
.uni-margin-wrap {
|
||||||
|
@ -656,7 +656,7 @@
|
||||||
|
|
||||||
.right-container-left {
|
.right-container-left {
|
||||||
height: 630rpx;
|
height: 630rpx;
|
||||||
border-radius: 45rpx;
|
border-radius: 50rpx;
|
||||||
border: 1rpx solid #fff;
|
border: 1rpx solid #fff;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -666,12 +666,12 @@
|
||||||
background-image: url('/static/index/mountain.png');
|
background-image: url('/static/index/mountain.png');
|
||||||
background-position: 70% 45%;
|
background-position: 70% 45%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
|
box-shadow: 0px 8rpx 16rpx rgba(105, 129, 178,0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-container-left-dark {
|
.right-container-left-dark {
|
||||||
height: 630rpx;
|
height: 630rpx;
|
||||||
border-radius: 45rpx;
|
border-radius: 50rpx;
|
||||||
background-color: rgb(22, 48, 76);
|
background-color: rgb(22, 48, 76);
|
||||||
border: 2rpx solid transparent;
|
border: 2rpx solid transparent;
|
||||||
background:
|
background:
|
||||||
|
@ -684,6 +684,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
box-shadow: 0px 8rpx 16rpx rgba(105, 129, 178,0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-margin-wrap {
|
.uni-margin-wrap {
|
||||||
|
@ -933,7 +934,7 @@
|
||||||
|
|
||||||
.time-button-start {
|
.time-button-start {
|
||||||
width: 230rpx;
|
width: 230rpx;
|
||||||
height: 80rpx;
|
height: 84rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
background: linear-gradient(to bottom, #AF8ED7, #4D3E9B);
|
background: linear-gradient(to bottom, #AF8ED7, #4D3E9B);
|
||||||
border-left: 2rpx solid #fff;
|
border-left: 2rpx solid #fff;
|
||||||
|
@ -943,20 +944,20 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
margin-right: 25rpx;
|
margin-right: 25rpx;
|
||||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
box-shadow: 3rpx 3rpx 10rpx rgba(105, 129, 178,0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-button-end {
|
.time-button-end {
|
||||||
width: 230rpx;
|
width: 230rpx;
|
||||||
height: 80rpx;
|
height: 84rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
background-color: #fff;
|
background: linear-gradient(to bottom, #f3f3f5 , #dee4e9);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
box-shadow: 3rpx 3rpx 10rpx rgba(105, 129, 178,0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1046,7 +1047,7 @@
|
||||||
|
|
||||||
.time-button-start {
|
.time-button-start {
|
||||||
width: 230rpx;
|
width: 230rpx;
|
||||||
height: 80rpx;
|
height: 84rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
background: linear-gradient(to top, #0DA0B1, #04D3AF);
|
background: linear-gradient(to top, #0DA0B1, #04D3AF);
|
||||||
border-left: 2rpx solid #fff;
|
border-left: 2rpx solid #fff;
|
||||||
|
@ -1056,20 +1057,20 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
margin-right: 25rpx;
|
margin-right: 25rpx;
|
||||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
box-shadow: 3rpx 3rpx 10rpx rgba(105, 129, 178,0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-button-end {
|
.time-button-end {
|
||||||
width: 230rpx;
|
width: 230rpx;
|
||||||
height: 80rpx;
|
height: 84rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
background-color: #fff;
|
background: linear-gradient(to bottom, #f3f3f5 , #dee4e9);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
box-shadow: 3rpx 3rpx 10rpx rgba(105, 129, 178,0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1151,12 +1152,12 @@
|
||||||
.right-container-fir-left-nav {
|
.right-container-fir-left-nav {
|
||||||
width: 63%;
|
width: 63%;
|
||||||
height: 548rpx;
|
height: 548rpx;
|
||||||
border-radius: 45rpx;
|
border-radius: 50rpx;
|
||||||
/* 圆角 */
|
/* 圆角 */
|
||||||
position: relative;
|
position: relative;
|
||||||
/* 增加背景色确保视觉效果 */
|
/* 增加背景色确保视觉效果 */
|
||||||
|
|
||||||
box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
|
box-shadow: 0px 8rpx 16rpx rgba(105, 129, 178,0.8);
|
||||||
|
|
||||||
/* 增强的阴影效果 */
|
/* 增强的阴影效果 */
|
||||||
.right-container-fir-left-carousel {
|
.right-container-fir-left-carousel {
|
||||||
|
@ -1214,7 +1215,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 45rpx;
|
border-radius: 50rpx;
|
||||||
border: 1rpx solid #fff;
|
border: 1rpx solid #fff;
|
||||||
background-color: rgba(99, 115, 157, 0.1);
|
background-color: rgba(99, 115, 157, 0.1);
|
||||||
/* 白色背景透明度为 10% */
|
/* 白色背景透明度为 10% */
|
||||||
|
@ -1229,7 +1230,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border: 2rpx solid transparent;
|
border: 2rpx solid transparent;
|
||||||
border-radius: 45rpx;
|
border-radius: 50rpx;
|
||||||
background:
|
background:
|
||||||
url('/static/index/cardbgc/bgcdark.png') padding-box,
|
url('/static/index/cardbgc/bgcdark.png') padding-box,
|
||||||
linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
||||||
|
@ -1308,7 +1309,7 @@
|
||||||
|
|
||||||
.time-button-start {
|
.time-button-start {
|
||||||
width: 230rpx;
|
width: 230rpx;
|
||||||
height: 80rpx;
|
height: 84rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
background: linear-gradient(to top, #047ADB, #0EA7DD);
|
background: linear-gradient(to top, #047ADB, #0EA7DD);
|
||||||
border-left: 2rpx solid #fff;
|
border-left: 2rpx solid #fff;
|
||||||
|
@ -1318,20 +1319,20 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
margin-right: 25rpx;
|
margin-right: 25rpx;
|
||||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
box-shadow: 3rpx 3rpx 10rpx rgba(105, 129, 178,0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-button-end {
|
.time-button-end {
|
||||||
width: 230rpx;
|
width: 230rpx;
|
||||||
height: 80rpx;
|
height: 84rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
background-color: #fff;
|
background: linear-gradient(to bottom, #f3f3f5 , #dee4e9);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
|
box-shadow: 3rpx 3rpx 10rpx rgba(105, 129, 178,0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1517,11 +1518,12 @@
|
||||||
margin-right: 2%;
|
margin-right: 2%;
|
||||||
width: 700rpx;
|
width: 700rpx;
|
||||||
height: 548rpx;
|
height: 548rpx;
|
||||||
border-radius: 40rpx;
|
border-radius: 50rpx;
|
||||||
border: 1rpx solid #fff;
|
border: 1rpx solid #fff;
|
||||||
background: url(/static/index/rightbgi.png);
|
background: url(/static/index/rightbgi.png);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-color: rgba(99, 115, 157, 0.1);
|
background-color: rgba(99, 115, 157, 0.1);
|
||||||
|
box-shadow: 0px 8rpx 16rpx rgba(105, 129, 178,0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-container-fir-right-dark {
|
.right-container-fir-right-dark {
|
||||||
|
@ -1529,7 +1531,7 @@
|
||||||
margin-right: 2%;
|
margin-right: 2%;
|
||||||
width: 700rpx;
|
width: 700rpx;
|
||||||
height: 548rpx;
|
height: 548rpx;
|
||||||
border-radius: 40rpx;
|
border-radius: 50rpx;
|
||||||
border: 1rpx solid #fff;
|
border: 1rpx solid #fff;
|
||||||
background-color: #16304c;
|
background-color: #16304c;
|
||||||
border: 2rpx solid transparent;
|
border: 2rpx solid transparent;
|
||||||
|
@ -1538,11 +1540,13 @@
|
||||||
linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
||||||
background-clip: padding-box, border-box;
|
background-clip: padding-box, border-box;
|
||||||
background-color: rgba(12, 25, 47, 0.1);
|
background-color: rgba(12, 25, 47, 0.1);
|
||||||
|
box-shadow: 0px 8rpx 16rpx rgba(105, 129, 178,0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-container-card {
|
.right-container-card {
|
||||||
margin-top: 25rpx;
|
margin-top: 25rpx;
|
||||||
margin-left: 40rpx;
|
margin-left: 40rpx;
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.right-container-card-right {
|
.right-container-card-right {
|
||||||
|
@ -2089,7 +2093,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-container-big {
|
.right-container-big {
|
||||||
transform: scale(1.5);
|
transform: scale(1.57);
|
||||||
/* 初始状态 */
|
/* 初始状态 */
|
||||||
transition: transform 0.5s ease;
|
transition: transform 0.5s ease;
|
||||||
/* 平滑过渡 */
|
/* 平滑过渡 */
|
||||||
|
@ -2108,7 +2112,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-container-right-big {
|
.right-container-right-big {
|
||||||
transform: scale(1.5);
|
transform: scale(1.93);
|
||||||
margin-left: 2%;
|
margin-left: 2%;
|
||||||
width: 41%;
|
width: 41%;
|
||||||
/* 初始状态 */
|
/* 初始状态 */
|
||||||
|
@ -2132,7 +2136,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-container-left-big {
|
.right-container-left-big {
|
||||||
transform: scale(1.5);
|
transform: scale(1.78);
|
||||||
width: 55%;
|
width: 55%;
|
||||||
/* 初始状态 */
|
/* 初始状态 */
|
||||||
transition: transform 0.5s ease;
|
transition: transform 0.5s ease;
|
||||||
|
|
|
@ -96,7 +96,7 @@
|
||||||
margin: 0 18rpx 15rpx 0rpx;
|
margin: 0 18rpx 15rpx 0rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
border: 2rpx solid rgb(221, 234, 250);
|
border: 2rpx solid rgb(221, 234, 250);
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 5px 5px 10px rgba(105, 129, 178,0.2);
|
||||||
|
|
||||||
/* 右下角阴影 */
|
/* 右下角阴影 */
|
||||||
.doctorsay-container-card-img {
|
.doctorsay-container-card-img {
|
||||||
|
@ -106,11 +106,13 @@
|
||||||
|
|
||||||
.doctorsay-container-card-font {
|
.doctorsay-container-card-font {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
|
margin-top: -10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.doctorsay-container-card-font-dark {
|
.doctorsay-container-card-font-dark {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
margin-top: -10rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -122,7 +124,7 @@
|
||||||
height: 900rpx;
|
height: 900rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
margin-top: 0rpx;
|
margin-top: 0rpx;
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 5px 5px 10px rgba(105, 129, 178,0.8);
|
||||||
|
|
||||||
/* 右下角阴影 */
|
/* 右下角阴影 */
|
||||||
.doctorsay-container-scroll {
|
.doctorsay-container-scroll {
|
||||||
|
@ -161,7 +163,7 @@
|
||||||
.doctorsay-container-text-target {
|
.doctorsay-container-text-target {
|
||||||
color: #016AD1;
|
color: #016AD1;
|
||||||
background-color: #c9e8ff;
|
background-color: #c9e8ff;
|
||||||
border-radius: 20rpx;
|
border-radius: 25rpx;
|
||||||
border: 2rpx solid #fff;
|
border: 2rpx solid #fff;
|
||||||
width: 300rpx;
|
width: 300rpx;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
|
@ -171,7 +173,7 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 45rpx;
|
font-size: 45rpx;
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 5px 5px 10px rgba(105, 129, 178,0.2);
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
@ -179,7 +181,7 @@
|
||||||
.doctorsay-container-text {
|
.doctorsay-container-text {
|
||||||
background-color: #f3f6fc;
|
background-color: #f3f6fc;
|
||||||
border: 2rpx solid #fff;
|
border: 2rpx solid #fff;
|
||||||
border-radius: 10rpx;
|
border-radius: 25rpx;
|
||||||
width: 250rpx;
|
width: 250rpx;
|
||||||
height: 75rpx;
|
height: 75rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -190,7 +192,7 @@
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
// background: linear-gradient(to right, #dcdcf9 0%, #dbdcf8 100%);
|
// background: linear-gradient(to right, #dcdcf9 0%, #dbdcf8 100%);
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 5px 5px 10px rgba(105, 129, 178,0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.doctorsay-container-button-gun {
|
.doctorsay-container-button-gun {
|
||||||
|
@ -263,9 +265,9 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: linear-gradient(to bottom right, #fff 0%, #dcdcf9 50%, #dbdcf8 100%);
|
background: linear-gradient(to bottom right, #fff 0%, #dcdcf9 50%, #dbdcf8 100%);
|
||||||
border-radius: 25rpx;
|
border-radius: 30rpx;
|
||||||
border: 2rpx solid #fff;
|
border: 2rpx solid #fff;
|
||||||
box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
box-shadow: 10rpx 10rpx 20rpx rgba(105, 129, 178,0.2);
|
||||||
transition: all 1.5s ease-in-out;
|
transition: all 1.5s ease-in-out;
|
||||||
|
|
||||||
.super-end-items-father-close-father {
|
.super-end-items-father-close-father {
|
||||||
|
|
|
@ -70,7 +70,7 @@
|
||||||
:class="downmenuIndex===index?`doctorsay-container-text-target`:`doctorsay-container-text`"
|
:class="downmenuIndex===index?`doctorsay-container-text-target`:`doctorsay-container-text`"
|
||||||
:style="{
|
:style="{
|
||||||
backgroundColor: item.color ? item.color : '',
|
backgroundColor: item.color ? item.color : '',
|
||||||
...(isBack ? {} : { width: '250rpx', height: '75rpx', fontSize: '30rpx', borderRadius: '10rpx' })
|
...(isBack ? {} : { width: '250rpx', height: '75rpx', fontSize: '30rpx', borderRadius: '25rpx' })
|
||||||
}">{{item.title}}</text>
|
}">{{item.title}}</text>
|
||||||
<image v-show="downmenuIndex===index" class="doctorsay-container-button-uplight"
|
<image v-show="downmenuIndex===index" class="doctorsay-container-button-uplight"
|
||||||
:style="isBack?{}:{top:'30rpx'}" :src="`/static/index/cardicons/uplight.png`" />
|
:style="isBack?{}:{top:'30rpx'}" :src="`/static/index/cardicons/uplight.png`" />
|
||||||
|
@ -671,7 +671,7 @@
|
||||||
deletename.value = name;
|
deletename.value = name;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
deletedownisopacity.value = true
|
deletedownisopacity.value = true
|
||||||
}, 200)
|
}, 100)
|
||||||
}
|
}
|
||||||
const deleteindex = ref([-1, -1])
|
const deleteindex = ref([-1, -1])
|
||||||
const deleteId = ref("");
|
const deleteId = ref("");
|
||||||
|
@ -686,7 +686,7 @@
|
||||||
deleteId.value = item.id
|
deleteId.value = item.id
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
deleteisopacity.value = true
|
deleteisopacity.value = true
|
||||||
}, 200)
|
}, 100)
|
||||||
}
|
}
|
||||||
const touchindex1 = ref(-1);
|
const touchindex1 = ref(-1);
|
||||||
// 分享矩阵到微信
|
// 分享矩阵到微信
|
||||||
|
@ -1034,9 +1034,9 @@
|
||||||
})
|
})
|
||||||
const openOp = ref(0);
|
const openOp = ref(0);
|
||||||
const clickOp = (index : number, item : any) => {
|
const clickOp = (index : number, item : any) => {
|
||||||
cardsumit.value.startTime = ""
|
// cardsumit.value.startTime = ""
|
||||||
cardsumit.value.monthTime = ""
|
// cardsumit.value.monthTime = ""
|
||||||
cardsumit.value.weekTime = ""
|
// cardsumit.value.weekTime = ""
|
||||||
saveId.value = item.id;
|
saveId.value = item.id;
|
||||||
saveTagName.value = item.tagName
|
saveTagName.value = item.tagName
|
||||||
if (cardsumit.value.op.index[2] === index) {
|
if (cardsumit.value.op.index[2] === index) {
|
||||||
|
@ -1107,7 +1107,7 @@
|
||||||
songisopen.value = true;
|
songisopen.value = true;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
songisopacity.value = true
|
songisopacity.value = true
|
||||||
}, 200)
|
}, 100)
|
||||||
// 存储 两个index
|
// 存储 两个index
|
||||||
cardsumit.value.op.index[0] = upmenuIndex.value
|
cardsumit.value.op.index[0] = upmenuIndex.value
|
||||||
cardsumit.value.op.index[1] = downmenuIndex.value
|
cardsumit.value.op.index[1] = downmenuIndex.value
|
||||||
|
|
|
@ -0,0 +1,316 @@
|
||||||
|
<template>
|
||||||
|
<view class="plsbuy-contain">
|
||||||
|
<view class="plsbuy-title">
|
||||||
|
<image class="plsbuy-title-img" :src="`/static/index/project3.png`" />
|
||||||
|
<view class="plsbuy-title-font">
|
||||||
|
<view class="plsbuy-title-weight">纸尿裤-拉拉裤</view>
|
||||||
|
<view class="plsbuy-title-flex">
|
||||||
|
<view class="popup-right-font-contain">
|
||||||
|
<view class="popup-font-left">
|
||||||
|
规格型号:
|
||||||
|
</view>
|
||||||
|
<view class="popup-font-right">
|
||||||
|
800mm*690mm
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="popup-right-font-contain" style="margin-left: 40rpx;">
|
||||||
|
<view class="popup-font-left">
|
||||||
|
采购单位:
|
||||||
|
</view>
|
||||||
|
<view class="popup-font-right">
|
||||||
|
片
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="plsbuy-title-flex">
|
||||||
|
<view class="popup-right-font-contain">
|
||||||
|
<view class="popup-font-left">
|
||||||
|
库存上限:
|
||||||
|
</view>
|
||||||
|
<view class="popup-font-right">
|
||||||
|
1000
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="popup-right-font-contain" style="margin-left: 40rpx;">
|
||||||
|
<view class="popup-font-left">
|
||||||
|
库存下限:
|
||||||
|
</view>
|
||||||
|
<view class="popup-font-right">
|
||||||
|
10
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="plsbuy-title-flex">
|
||||||
|
<view class="popup-right-font-contain">
|
||||||
|
<view class="popup-font-left">
|
||||||
|
库存数量:
|
||||||
|
</view>
|
||||||
|
<view class="popup-font-right">
|
||||||
|
50
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="plsbuy-card">
|
||||||
|
<scroll-view scroll-y style="height: 100%;" :show-scrollbar="true">
|
||||||
|
<view class="" v-for="(item,index) in [0,1,2,3,3,4]" :key="index">
|
||||||
|
<view class="plsbuy-card-heng">
|
||||||
|
<view class="plsbuy-weight">供应商:</view>
|
||||||
|
<view class="plsbuy-font-right">长春市永佳利商贸有限公司1</view>
|
||||||
|
<view class="plsbuy-right-weight">采购数量</view>
|
||||||
|
<view class="plsbuy-jian" @click="calNumber--">-</view>
|
||||||
|
<view class="plsbuy-number">{{calNumber}}</view>
|
||||||
|
<view class="plsbuy-jia" @click="calNumber++">+</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
<!-- <div class="blur-overlay"></div> -->
|
||||||
|
</view>
|
||||||
|
<view class="plsbuy-amount">
|
||||||
|
<view class="plsbuy-amount-font">
|
||||||
|
合计:
|
||||||
|
</view>
|
||||||
|
<view class="plsbuy-amount-red">
|
||||||
|
100
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="plsbuy-bottom">
|
||||||
|
<view class="plsbuy-bottom-blue">
|
||||||
|
新增供应商
|
||||||
|
</view>
|
||||||
|
<view class="plsbuy-bottom-blue">
|
||||||
|
确认
|
||||||
|
</view>
|
||||||
|
<view class="plsbuy-bottom-white" @click="closeIt">
|
||||||
|
取消
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {
|
||||||
|
ref,
|
||||||
|
onMounted,
|
||||||
|
onBeforeUnmount,
|
||||||
|
computed,
|
||||||
|
nextTick,
|
||||||
|
defineProps,
|
||||||
|
watch
|
||||||
|
} from 'vue';
|
||||||
|
const emit = defineEmits(['closeIt'])
|
||||||
|
const calNumber = ref(50);
|
||||||
|
const closeIt = () =>{
|
||||||
|
emit('closeIt')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.plsbuy-contain {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.plsbuy-title {
|
||||||
|
background: url("/static/index/blueMountain.png") center/cover, rgba(255, 255, 255, 0.5);
background-blend-mode: screen;
isolation: isolate;
|
||||||
|
width: 1120rpx;
|
||||||
|
height: 250rpx;
|
||||||
|
margin-top: 50rpx;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
box-shadow: 2rpx 4rpx 8rpx 2rpx rgba(0, 0, 0, 0.3);
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.plsbuy-title-img {
|
||||||
|
height: 220rpx;
|
||||||
|
width: 220rpx;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
margin-right: 80rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-card {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
margin-left: 35rpx;
|
||||||
|
margin-right: 35rpx;
|
||||||
|
width: calc(100% - 70rpx);
|
||||||
|
border-radius: 30rpx;
|
||||||
|
position: relative;
|
||||||
|
height: 300rpx;
|
||||||
|
|
||||||
|
/* 虚化覆盖层 */
|
||||||
|
.blur-overlay {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0rpx;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 40rpx;
|
||||||
|
|
||||||
|
/* 背景模糊效果 */
|
||||||
|
backdrop-filter: blur(3rpx);
|
||||||
|
-webkit-backdrop-filter: blur(3rpx);
|
||||||
|
|
||||||
|
/* 可选:为了更明显的虚化效果,可加个半透明背景 */
|
||||||
|
// background-color: rgba(255, 255, 255, 0.2);
|
||||||
|
|
||||||
|
/* 层级关系:确保覆盖在背景内容之上 */
|
||||||
|
z-index: 2;
|
||||||
|
|
||||||
|
/* 如果页面使用 flex 布局或其他定位方式,根据需要进行调整 */
|
||||||
|
pointer-events: none;
|
||||||
|
/* 如果不希望干扰下面内容的点击,可加上此属性 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-card-heng {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-title-font {
|
||||||
|
height: 100%;
|
||||||
|
width: 820rpx;
|
||||||
|
|
||||||
|
.plsbuy-title-weight {
|
||||||
|
font-size: 35rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
width: 100%;
|
||||||
|
margin: 20rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-right-font-contain {
|
||||||
|
display: flex;
|
||||||
|
width: 50%;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-font-left {
|
||||||
|
font-size: 30rpx;
|
||||||
|
line-height: 30rpx;
|
||||||
|
color: #646464;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-font-right {
|
||||||
|
font-size: 30rpx;
|
||||||
|
line-height: 30rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-title-flex {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-weight {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 35rpx;
|
||||||
|
margin-left: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-right-weight {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 35rpx;
|
||||||
|
margin-left: 140rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-font-right {
|
||||||
|
font-size: 30rpx;
|
||||||
|
line-height: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-jian {
|
||||||
|
background-color: #D3E7FF;
|
||||||
|
width: 70rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin-left: 30rpx;
|
||||||
|
border: 1rpx solid #313A4E;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-number {
|
||||||
|
font-weight: 700;
|
||||||
|
margin: 0 20rpx;
|
||||||
|
width: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-jia {
|
||||||
|
background-color: #D3E7FF;
|
||||||
|
width: 70rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
border: 1rpx solid #313A4E;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-amount {
|
||||||
|
width: 100%;
|
||||||
|
justify-content: end;
|
||||||
|
display: flex;
|
||||||
|
font-size: 35rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
|
||||||
|
.plsbuy-amount-font {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-amount-red {
|
||||||
|
font-weight: 700;
|
||||||
|
color: red;
|
||||||
|
margin-right: 60rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-bottom {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
// background-color: #fff;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 35rpx;
|
||||||
|
.plsbuy-bottom-blue {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 230rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||||
|
color: #fff;
|
||||||
|
border: 1rpx #fff solid;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-bottom-white {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 230rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||||
|
// color: #fff;
|
||||||
|
border: 1rpx #fff solid;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -100,7 +100,7 @@
|
||||||
<view class="swiper-left-button-blue" @click="openBuy">
|
<view class="swiper-left-button-blue" @click="openBuy">
|
||||||
请购
|
请购
|
||||||
</view>
|
</view>
|
||||||
<view class="swiper-left-button">
|
<view class="swiper-left-button" @click="clickgoback">
|
||||||
出入库
|
出入库
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
@ -124,23 +124,30 @@
|
||||||
</view>
|
</view>
|
||||||
<!-- 请购的的弹出层 -->
|
<!-- 请购的的弹出层 -->
|
||||||
<view v-show="plsBuyIsopen && isShow" class="popup-detail" @click="plsBuyIsopen=false">
|
<view v-show="plsBuyIsopen && isShow" class="popup-detail" @click="plsBuyIsopen=false">
|
||||||
<view class="popup-detail-content" :style="{ opacity: plsBuyisopacity ? 1 : 0 }" @click.stop>
|
<view class="popup-detail-content-plsbuy" :style="{ opacity: plsBuyisopacity ? 1 : 0 }" @click.stop>
|
||||||
<plsbuy />
|
<plsbuy @closeIt="plsBuyIsopen=false" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<Drawer ref="drawer">
|
<!-- 悬浮球点击后打开的抽屉 -->
|
||||||
|
<Drawer ref="drawer" >
|
||||||
<shoppingCar />
|
<shoppingCar />
|
||||||
</Drawer>
|
</Drawer>
|
||||||
|
<!-- 出入库点击后打开的抽屉 -->
|
||||||
|
<Drawer ref="gobackdrawer" :widNumber="45">
|
||||||
|
<shoppingCar />
|
||||||
|
</Drawer>
|
||||||
|
<!-- 悬浮球 -->
|
||||||
<ball :isShow="isShow && !detailisopen && !plsBuyIsopen" @click="clickBall" />
|
<ball :isShow="isShow && !detailisopen && !plsBuyIsopen" @click="clickBall" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, watch } from 'vue';
|
import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, watch } from 'vue';
|
||||||
import ball from "@/component/storeroom/ball.vue";
|
|
||||||
import info from "@/component/storeroom/info.vue"
|
|
||||||
import plsbuy from "@/component/storeroom/plsbuy.vue"
|
|
||||||
import Drawer from "@/component/public/Drawer.vue"
|
import Drawer from "@/component/public/Drawer.vue"
|
||||||
import shoppingCar from "./shoppingCar/index.vue"
|
import shoppingCar from "@/component/storeroom/drawer/shoppingCar/index.vue"
|
||||||
|
import ball from "@/component/storeroom/components/ball.vue";
|
||||||
|
import info from "@/component/storeroom/components/info.vue"
|
||||||
|
import plsbuy from "@/component/storeroom/components/plsbuy.vue"
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
isShow: {
|
isShow: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
|
@ -151,6 +158,7 @@
|
||||||
// 使用watch监听isShow变化
|
// 使用watch监听isShow变化
|
||||||
const transition = ref(true);
|
const transition = ref(true);
|
||||||
const drawer = ref(null);
|
const drawer = ref(null);
|
||||||
|
const gobackdrawer = ref(null);
|
||||||
watch(
|
watch(
|
||||||
() => props.isShow,
|
() => props.isShow,
|
||||||
(newVal, oldVal) => {
|
(newVal, oldVal) => {
|
||||||
|
@ -182,18 +190,21 @@
|
||||||
detailisopacity.value = false;
|
detailisopacity.value = false;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
detailisopacity.value = true
|
detailisopacity.value = true
|
||||||
}, 200)
|
}, 100)
|
||||||
}
|
}
|
||||||
const openBuy = () => {
|
const openBuy = () => {
|
||||||
plsBuyIsopen.value = true;
|
plsBuyIsopen.value = true;
|
||||||
plsBuyisopacity.value = false;
|
plsBuyisopacity.value = false;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
plsBuyisopacity.value = true
|
plsBuyisopacity.value = true
|
||||||
}, 200)
|
}, 100)
|
||||||
}
|
}
|
||||||
const clickBall = () =>{
|
const clickBall = () =>{
|
||||||
drawer.value.openDrawer();
|
drawer.value.openDrawer();
|
||||||
}
|
}
|
||||||
|
const clickgoback = () =>{
|
||||||
|
gobackdrawer.value.openDrawer();
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
|
@ -412,8 +423,18 @@
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||||
transition: opacity 0.4s ease;
|
transition: opacity 0.4s ease;
|
||||||
|
}
|
||||||
|
.popup-detail-content-plsbuy {
|
||||||
|
display: flex;
|
||||||
|
width: 1200rpx;
|
||||||
|
height: 850rpx;
|
||||||
|
background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||||
|
background-blend-mode: screen;
|
||||||
|
border: 2rpx solid #fff;
|
||||||
|
/* 使用 screen 混合模式,让图像与白色混合变淡 */
|
||||||
|
border-radius: 30rpx;
|
||||||
|
box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||||
|
transition: opacity 0.4s ease;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4,17 +4,17 @@
|
||||||
<!-- 解决margin重叠问题 -->
|
<!-- 解决margin重叠问题 -->
|
||||||
<view class="index-right-height"></view>
|
<view class="index-right-height"></view>
|
||||||
<view class="index-right-title">
|
<view class="index-right-title">
|
||||||
<view class="ball-bgc" @click="firstBallClick">
|
<view class="ball-bgc" style="box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);" @click="firstBallClick">
|
||||||
<view :class="clickBall(firstBall)">
|
<view :class="clickBall(firstBall)">
|
||||||
采购
|
采购
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="ball-bgc" @click="secondBallClick">
|
<view class="ball-bgc" style="box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);" @click="secondBallClick">
|
||||||
<view :class="clickBall(secondBall)">
|
<view :class="clickBall(secondBall)">
|
||||||
拣货
|
拣货
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="ball-bgc" @click="thirdBallClick">
|
<view class="ball-bgc" style="box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);" @click="thirdBallClick">
|
||||||
<view :class="clickBall(thirdBall)">
|
<view :class="clickBall(thirdBall)">
|
||||||
结账
|
结账
|
||||||
</view>
|
</view>
|
||||||
|
@ -63,17 +63,20 @@
|
||||||
<view
|
<view
|
||||||
:class="item.cardType >3 ?`swiper-states-heng-two-green`: `swiper-states-heng-two`">
|
:class="item.cardType >3 ?`swiper-states-heng-two-green`: `swiper-states-heng-two`">
|
||||||
</view>
|
</view>
|
||||||
<view class="ball-bgc">
|
<view class="ball-bgc" :style="item.cardType!=1 ?{
|
||||||
|
}:{boxShadow: `8rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.3)`,width:`110rpx`,height:`110rpx`}">
|
||||||
<view :class="getBallFirst(item.cardType)">
|
<view :class="getBallFirst(item.cardType)">
|
||||||
采购
|
采购
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="ball-bgc">
|
<view class="ball-bgc" :style="item.cardType!=2 && item.cardType!=3 ?{
|
||||||
|
}:{boxShadow: `8rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.3)`,width:`110rpx`,height:`110rpx`}">
|
||||||
<view :class="getBallSecond(item.cardType)">
|
<view :class="getBallSecond(item.cardType)">
|
||||||
拣货
|
拣货
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="ball-bgc">
|
<view class="ball-bgc" :style="item.cardType!=4 ?{
|
||||||
|
}:{boxShadow: `8rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.3)`,width:`110rpx`,height:`110rpx`}">
|
||||||
<view :class="getBallThird(item.cardType)">
|
<view :class="getBallThird(item.cardType)">
|
||||||
结账
|
结账
|
||||||
</view>
|
</view>
|
||||||
|
@ -211,7 +214,7 @@
|
||||||
case 0:
|
case 0:
|
||||||
return `ball-red`
|
return `ball-red`
|
||||||
case 1:
|
case 1:
|
||||||
return `ball-yellow`
|
return `ball-yellow-big`
|
||||||
default:
|
default:
|
||||||
return 'ball-green'
|
return 'ball-green'
|
||||||
}
|
}
|
||||||
|
@ -223,9 +226,9 @@
|
||||||
case 1:
|
case 1:
|
||||||
return `ball-white`
|
return `ball-white`
|
||||||
case 2:
|
case 2:
|
||||||
return `ball-yellow`
|
return `ball-yellow-big`
|
||||||
case 3:
|
case 3:
|
||||||
return `ball-yellow`
|
return `ball-yellow-big`
|
||||||
case 4:
|
case 4:
|
||||||
return `ball-green`
|
return `ball-green`
|
||||||
case 5:
|
case 5:
|
||||||
|
@ -238,7 +241,7 @@
|
||||||
switch (type) {
|
switch (type) {
|
||||||
|
|
||||||
case 4:
|
case 4:
|
||||||
return `ball-yellow`
|
return `ball-yellow-big`
|
||||||
case 5:
|
case 5:
|
||||||
return `ball-green`
|
return `ball-green`
|
||||||
default:
|
default:
|
||||||
|
@ -697,7 +700,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin-left: 20rpx;
|
margin-left: 20rpx;
|
||||||
box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -712,6 +715,17 @@
|
||||||
color: #A53600;
|
color: #A53600;
|
||||||
font-size: 25rpx;
|
font-size: 25rpx;
|
||||||
}
|
}
|
||||||
|
.ball-yellow-big {
|
||||||
|
background: linear-gradient(to top right, #FF9F00, #FFDF2A);
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 50%;
|
||||||
|
color: #A53600;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.ball-red {
|
.ball-red {
|
||||||
background: #FF642F;
|
background: #FF642F;
|
||||||
|
|
|
@ -1,318 +0,0 @@
|
||||||
<template>
|
|
||||||
<view class="popup-detail-left">
|
|
||||||
<view class="popup-detail-left-white">
|
|
||||||
<image class="popup-detail-left-white-img" :src="`/static/index/project3.png`" />
|
|
||||||
</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 class="popup-weight">
|
|
||||||
物料分类
|
|
||||||
</view>
|
|
||||||
<view class="popup-right-father">
|
|
||||||
<view class="popup-right-font-contain">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
物料类别:
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
生活用品
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="popup-right-font-contain">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
物料类型:
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
照护用品
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="popup-right-font-contain">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
物料类别:
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
-
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="popup-weight">
|
|
||||||
物料信息
|
|
||||||
</view>
|
|
||||||
<view class="popup-right-father">
|
|
||||||
<view class="popup-right-font-contain">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
物料品牌:
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
洁奴
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="popup-right-font-contain">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
采购单位:
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
片
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="popup-right-font-contain">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
参考单价:
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
1.175
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="popup-right-font-contain">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
采购单价:
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
2
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="popup-right-font-contain" style="width: 100%;">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
规格型号:
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
800mm*690mm
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="popup-right-font-contain" style="width: 100%;">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
供 应 商 :
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
山东恒发卫生用品有限公司
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="popup-weight">
|
|
||||||
优惠信息
|
|
||||||
</view>
|
|
||||||
<view class="popup-right-father">
|
|
||||||
<view class="popup-right-font-contain">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
医保报销:
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
是
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="popup-right-font-contain">
|
|
||||||
<view class="popup-font-left">
|
|
||||||
机构优惠:
|
|
||||||
</view>
|
|
||||||
<view class="popup-font-right">
|
|
||||||
否
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
<view class="swiper-left-buttons-big">
|
|
||||||
<view class="swiper-left-button-blue">
|
|
||||||
请购
|
|
||||||
</view>
|
|
||||||
<view class="swiper-left-button">
|
|
||||||
出入库
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="less" scoped>
|
|
||||||
.popup-detail-left {
|
|
||||||
height: 100%;
|
|
||||||
width: 45%;
|
|
||||||
|
|
||||||
.popup-detail-left-white {
|
|
||||||
margin: 50rpx 0 0rpx 50rpx;
|
|
||||||
width: 600rpx;
|
|
||||||
height: 600rpx;
|
|
||||||
// background-color: #fff;
|
|
||||||
background-color: rgba(255, 255, 255, 0.3);
|
|
||||||
display: flex;
|
|
||||||
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;
|
|
||||||
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: #ceddff;
|
|
||||||
border-radius: 30rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.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);
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-weight {
|
|
||||||
font-size: 35rpx;
|
|
||||||
font-weight: 700;
|
|
||||||
margin: 15rpx 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-right-father {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
.popup-right-font-contain {
|
|
||||||
display: flex;
|
|
||||||
width: 50%;
|
|
||||||
margin-bottom: 10rpx;
|
|
||||||
|
|
||||||
.popup-font-left {
|
|
||||||
font-size: 32rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-font-right {
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #646464;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.swiper-left-buttons-big {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
font-size: 30rpx;
|
|
||||||
|
|
||||||
.swiper-left-button {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 230rpx;
|
|
||||||
height: 80rpx;
|
|
||||||
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: 230rpx;
|
|
||||||
height: 80rpx;
|
|
||||||
border-radius: 20rpx;
|
|
||||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
|
||||||
color: #fff;
|
|
||||||
border: 1rpx #fff solid;
|
|
||||||
margin-right: 20rpx;
|
|
||||||
box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -2,8 +2,8 @@
|
||||||
"name" : "养老App",
|
"name" : "养老App",
|
||||||
"appid" : "__UNI__FB2D473",
|
"appid" : "__UNI__FB2D473",
|
||||||
"description" : "养老App",
|
"description" : "养老App",
|
||||||
"versionName" : "1.0.7",
|
"versionName" : "1.0.8",
|
||||||
"versionCode" : 107,
|
"versionCode" : 108,
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
/* 5+App特有相关 */
|
/* 5+App特有相关 */
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
|
|
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.7","code":107},"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.8","code":108},"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
|
@ -7,8 +7,8 @@
|
||||||
"id": "__UNI__FB2D473",
|
"id": "__UNI__FB2D473",
|
||||||
"name": "养老App",
|
"name": "养老App",
|
||||||
"version": {
|
"version": {
|
||||||
"name": "1.0.7",
|
"name": "1.0.8",
|
||||||
"code": 107
|
"code": 108
|
||||||
},
|
},
|
||||||
"description": "养老App",
|
"description": "养老App",
|
||||||
"developer": {
|
"developer": {
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -451,8 +451,24 @@ if (uni.restoreGlobal) {
|
||||||
const _imports_0$7 = "/static/index/zuoyuan.png";
|
const _imports_0$7 = "/static/index/zuoyuan.png";
|
||||||
const _sfc_main$j = {
|
const _sfc_main$j = {
|
||||||
__name: "Drawer",
|
__name: "Drawer",
|
||||||
|
props: {
|
||||||
|
// 左探头百分之多少
|
||||||
|
widNumber: {
|
||||||
|
type: Number,
|
||||||
|
default: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
setup(__props, { expose: __expose }) {
|
setup(__props, { expose: __expose }) {
|
||||||
const isVisible = vue.ref(false);
|
const isVisible = vue.ref(false);
|
||||||
|
const props = __props;
|
||||||
|
const drawerStyle = vue.computed(() => {
|
||||||
|
const width = props.widNumber || 85;
|
||||||
|
const right = isVisible.value ? "0%" : `-${width + 5}%`;
|
||||||
|
return {
|
||||||
|
width: `${width}%`,
|
||||||
|
right
|
||||||
|
};
|
||||||
|
});
|
||||||
const openDrawer = () => {
|
const openDrawer = () => {
|
||||||
isVisible.value = true;
|
isVisible.value = true;
|
||||||
};
|
};
|
||||||
|
@ -463,7 +479,7 @@ if (uni.restoreGlobal) {
|
||||||
openDrawer,
|
openDrawer,
|
||||||
closeDrawer
|
closeDrawer
|
||||||
});
|
});
|
||||||
const __returned__ = { isVisible, openDrawer, closeDrawer, ref: vue.ref };
|
const __returned__ = { isVisible, props, drawerStyle, openDrawer, closeDrawer, ref: vue.ref, withDefaults: vue.withDefaults, computed: vue.computed };
|
||||||
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
||||||
return __returned__;
|
return __returned__;
|
||||||
}
|
}
|
||||||
|
@ -480,7 +496,8 @@ if (uni.restoreGlobal) {
|
||||||
vue.createElementVNode(
|
vue.createElementVNode(
|
||||||
"view",
|
"view",
|
||||||
{
|
{
|
||||||
class: vue.normalizeClass(["drawer", { "drawer-open": $setup.isVisible }])
|
class: vue.normalizeClass(["drawer", { "drawer-open": $setup.isVisible }]),
|
||||||
|
style: vue.normalizeStyle($setup.drawerStyle)
|
||||||
},
|
},
|
||||||
[
|
[
|
||||||
vue.createElementVNode("view", { class: "drawer-content" }, [
|
vue.createElementVNode("view", { class: "drawer-content" }, [
|
||||||
|
@ -498,8 +515,8 @@ if (uni.restoreGlobal) {
|
||||||
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
||||||
])
|
])
|
||||||
],
|
],
|
||||||
2
|
6
|
||||||
/* CLASS */
|
/* CLASS, STYLE */
|
||||||
)
|
)
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
@ -4020,7 +4037,7 @@ if (uni.restoreGlobal) {
|
||||||
deletename.value = name;
|
deletename.value = name;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
deletedownisopacity.value = true;
|
deletedownisopacity.value = true;
|
||||||
}, 200);
|
}, 100);
|
||||||
};
|
};
|
||||||
const deleteindex = vue.ref([-1, -1]);
|
const deleteindex = vue.ref([-1, -1]);
|
||||||
const deleteId = vue.ref("");
|
const deleteId = vue.ref("");
|
||||||
|
@ -4035,7 +4052,7 @@ if (uni.restoreGlobal) {
|
||||||
deleteId.value = item.id;
|
deleteId.value = item.id;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
deleteisopacity.value = true;
|
deleteisopacity.value = true;
|
||||||
}, 200);
|
}, 100);
|
||||||
};
|
};
|
||||||
const touchindex1 = vue.ref(-1);
|
const touchindex1 = vue.ref(-1);
|
||||||
const shareShow = vue.ref(false);
|
const shareShow = vue.ref(false);
|
||||||
|
@ -4329,9 +4346,6 @@ if (uni.restoreGlobal) {
|
||||||
});
|
});
|
||||||
const openOp = vue.ref(0);
|
const openOp = vue.ref(0);
|
||||||
const clickOp = (index2, item) => {
|
const clickOp = (index2, item) => {
|
||||||
cardsumit.value.startTime = "";
|
|
||||||
cardsumit.value.monthTime = "";
|
|
||||||
cardsumit.value.weekTime = "";
|
|
||||||
saveId.value = item.id;
|
saveId.value = item.id;
|
||||||
saveTagName.value = item.tagName;
|
saveTagName.value = item.tagName;
|
||||||
if (cardsumit.value.op.index[2] === index2) {
|
if (cardsumit.value.op.index[2] === index2) {
|
||||||
|
@ -4395,7 +4409,7 @@ if (uni.restoreGlobal) {
|
||||||
songisopen.value = true;
|
songisopen.value = true;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
songisopacity.value = true;
|
songisopacity.value = true;
|
||||||
}, 200);
|
}, 100);
|
||||||
cardsumit.value.op.index[0] = upmenuIndex.value;
|
cardsumit.value.op.index[0] = upmenuIndex.value;
|
||||||
cardsumit.value.op.index[1] = downmenuIndex.value;
|
cardsumit.value.op.index[1] = downmenuIndex.value;
|
||||||
openValue.value.time = timearr.value[props.liang.index0 + currentNumber.value * 6].positioning;
|
openValue.value.time = timearr.value[props.liang.index0 + currentNumber.value * 6].positioning;
|
||||||
|
@ -4919,7 +4933,7 @@ if (uni.restoreGlobal) {
|
||||||
class: vue.normalizeClass($setup.downmenuIndex === index2 ? `doctorsay-container-text-target` : `doctorsay-container-text`),
|
class: vue.normalizeClass($setup.downmenuIndex === index2 ? `doctorsay-container-text-target` : `doctorsay-container-text`),
|
||||||
style: vue.normalizeStyle({
|
style: vue.normalizeStyle({
|
||||||
backgroundColor: item.color ? item.color : "",
|
backgroundColor: item.color ? item.color : "",
|
||||||
...$setup.isBack ? {} : { width: "250rpx", height: "75rpx", fontSize: "30rpx", borderRadius: "10rpx" }
|
...$setup.isBack ? {} : { width: "250rpx", height: "75rpx", fontSize: "30rpx", borderRadius: "25rpx" }
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
vue.toDisplayString(item.title),
|
vue.toDisplayString(item.title),
|
||||||
|
@ -6148,11 +6162,144 @@ if (uni.restoreGlobal) {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
const PagesNursingIndex = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__scopeId", "data-v-b6cc7861"], ["__file", "D:/hldy_app/pages/Nursing/index.vue"]]);
|
const PagesNursingIndex = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__scopeId", "data-v-b6cc7861"], ["__file", "D:/hldy_app/pages/Nursing/index.vue"]]);
|
||||||
|
const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
||||||
|
__name: "index",
|
||||||
|
setup(__props, { expose: __expose }) {
|
||||||
|
__expose();
|
||||||
|
const note = vue.ref("");
|
||||||
|
const __returned__ = { note };
|
||||||
|
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
||||||
|
return __returned__;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
|
return vue.openBlock(), vue.createElementBlock("view", { class: "draw-all" }, [
|
||||||
|
vue.createElementVNode("view", { class: "draw-title" }, [
|
||||||
|
vue.createElementVNode("view", { class: "draw-flex" }, [
|
||||||
|
vue.createElementVNode("view", { class: "draw-title-gun" }),
|
||||||
|
vue.createElementVNode("view", { class: "draw-title-font" }, "请购清单")
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "draw-blue" }, " 请购单号:A0120250301001 ")
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "draw-contain" }, [
|
||||||
|
vue.createElementVNode("view", { class: "scroll-view" }, [
|
||||||
|
vue.createElementVNode("scroll-view", {
|
||||||
|
"scroll-y": "",
|
||||||
|
style: { "height": "93%", "margin-top": "2%" },
|
||||||
|
"show-scrollbar": false
|
||||||
|
}, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-flex" }, [
|
||||||
|
(vue.openBlock(), vue.createElementBlock(
|
||||||
|
vue.Fragment,
|
||||||
|
null,
|
||||||
|
vue.renderList([1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1], (item, index2) => {
|
||||||
|
return vue.createElementVNode("view", { key: index2 }, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-card" }, [
|
||||||
|
vue.createCommentVNode(" 卡片内容 "),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-card-top" }, [
|
||||||
|
vue.createElementVNode("image", {
|
||||||
|
class: "swiper-card-top-img",
|
||||||
|
src: `/static/index/project3.png`
|
||||||
|
}, null, 8, ["src"]),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-card-top-card" }, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-card-top-card-weight" }, [
|
||||||
|
vue.createElementVNode("view", { class: "weight-left" }, " 纸尿裤-拉拉裤 "),
|
||||||
|
vue.createElementVNode("view", {
|
||||||
|
class: "weight-right",
|
||||||
|
style: { "width": "40%" }
|
||||||
|
}, " 采购数量:50 ")
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-card-top-card-noral" }, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-all-flex" }, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-gray" }, " 规格型号: "),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-black" }, " 800mm*690mm ")
|
||||||
|
])
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-card-top-card-noral" }, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-all-flex" }, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-gray" }, " 采购单位: "),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-black" }, " 片 ")
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", {
|
||||||
|
class: "swiper-all-flex",
|
||||||
|
style: { "width": "40%" }
|
||||||
|
}, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-gray" }, " 库存数量: "),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-black" }, " 50 ")
|
||||||
|
])
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-card-top-card-noral" }, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-all-flex" }, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-gray" }, " 库存下限: "),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-black" }, " 10 ")
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", {
|
||||||
|
class: "swiper-all-flex",
|
||||||
|
style: { "width": "40%" }
|
||||||
|
}, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-gray" }, " 库存上限: "),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-black" }, " 1000 ")
|
||||||
|
])
|
||||||
|
])
|
||||||
|
])
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-card-down" }, [
|
||||||
|
vue.createElementVNode("view", { class: "down-left" }, [
|
||||||
|
vue.createElementVNode("view", { class: "down-left-weight" }, " 供应商: "),
|
||||||
|
vue.createElementVNode("view", { class: "down-left-font" }, " 长春市永佳利商贸有限公司1 ")
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("image", {
|
||||||
|
class: "delete-img",
|
||||||
|
src: `/static/index/deleteIt.png`
|
||||||
|
}, null, 8, ["src"])
|
||||||
|
])
|
||||||
|
])
|
||||||
|
]);
|
||||||
|
}),
|
||||||
|
64
|
||||||
|
/* STABLE_FRAGMENT */
|
||||||
|
))
|
||||||
|
])
|
||||||
|
])
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "down-note" }, [
|
||||||
|
vue.withDirectives(vue.createElementVNode(
|
||||||
|
"textarea",
|
||||||
|
{
|
||||||
|
class: "down-note-title-input",
|
||||||
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.note = $event),
|
||||||
|
maxlength: "300",
|
||||||
|
"placeholder-style": "color:#999",
|
||||||
|
placeholder: "请输入备注"
|
||||||
|
},
|
||||||
|
null,
|
||||||
|
512
|
||||||
|
/* NEED_PATCH */
|
||||||
|
), [
|
||||||
|
[vue.vModelText, $setup.note]
|
||||||
|
]),
|
||||||
|
vue.createElementVNode(
|
||||||
|
"text",
|
||||||
|
{ class: "char-count" },
|
||||||
|
vue.toDisplayString($setup.note.length) + "/300",
|
||||||
|
1
|
||||||
|
/* TEXT */
|
||||||
|
)
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "down-button" }, [
|
||||||
|
vue.createElementVNode("view", { class: "swiper-left-button-orange" }, " 清空 "),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-left-button-blue" }, " 保存 "),
|
||||||
|
vue.createElementVNode("view", { class: "swiper-left-button-blue" }, " 提交 ")
|
||||||
|
])
|
||||||
|
])
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
const shoppingCar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d], ["__scopeId", "data-v-90d18535"], ["__file", "D:/hldy_app/component/storeroom/drawer/shoppingCar/index.vue"]]);
|
||||||
const _imports_0$2 = "/static/index/caigouqingdan.png";
|
const _imports_0$2 = "/static/index/caigouqingdan.png";
|
||||||
const ballWidth = 60;
|
const ballWidth = 60;
|
||||||
const ballHeight = 60;
|
const ballHeight = 60;
|
||||||
const longPressThreshold = 300;
|
const longPressThreshold = 300;
|
||||||
const _sfc_main$e = {
|
const _sfc_main$d = {
|
||||||
__name: "ball",
|
__name: "ball",
|
||||||
props: {
|
props: {
|
||||||
isShow: {
|
isShow: {
|
||||||
|
@ -6254,7 +6401,7 @@ if (uni.restoreGlobal) {
|
||||||
return __returned__;
|
return __returned__;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
return vue.openBlock(), vue.createElementBlock(
|
return vue.openBlock(), vue.createElementBlock(
|
||||||
vue.Fragment,
|
vue.Fragment,
|
||||||
null,
|
null,
|
||||||
|
@ -6286,133 +6433,10 @@ if (uni.restoreGlobal) {
|
||||||
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
const ball = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d], ["__scopeId", "data-v-1da59535"], ["__file", "D:/hldy_app/component/storeroom/ball.vue"]]);
|
const ball = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c], ["__scopeId", "data-v-50fb1e51"], ["__file", "D:/hldy_app/component/storeroom/components/ball.vue"]]);
|
||||||
const _imports_0$1 = "/static/index/saveUp.png";
|
const _imports_0$1 = "/static/index/saveUp.png";
|
||||||
const _imports_1$2 = "/static/index/saveDown.png";
|
const _imports_1$2 = "/static/index/saveDown.png";
|
||||||
const _imports_2$1 = "/static/index/saveNumber.png";
|
const _imports_2$1 = "/static/index/saveNumber.png";
|
||||||
const _sfc_main$d = {};
|
|
||||||
function _sfc_render$c(_ctx, _cache) {
|
|
||||||
return vue.openBlock(), vue.createElementBlock(
|
|
||||||
vue.Fragment,
|
|
||||||
null,
|
|
||||||
[
|
|
||||||
vue.createElementVNode("view", { class: "popup-detail-left" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-detail-left-white" }, [
|
|
||||||
vue.createElementVNode("image", {
|
|
||||||
class: "popup-detail-left-white-img",
|
|
||||||
src: `/static/index/project3.png`
|
|
||||||
}, null, 8, ["src"])
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-detail-left-bottom" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-card" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-circle" }, [
|
|
||||||
vue.createElementVNode("image", {
|
|
||||||
class: "popup-small-circle-img",
|
|
||||||
src: _imports_0$1
|
|
||||||
})
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-number" }, "1000"),
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-font" }, "库存上限")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-shu" }),
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-card" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-circle" }, [
|
|
||||||
vue.createElementVNode("image", {
|
|
||||||
class: "popup-small-circle-img",
|
|
||||||
src: _imports_1$2
|
|
||||||
})
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-number" }, "10"),
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-font" }, "库存下限")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-shu" }),
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-card" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-circle" }, [
|
|
||||||
vue.createElementVNode("image", {
|
|
||||||
class: "popup-small-circle-img",
|
|
||||||
src: _imports_2$1
|
|
||||||
})
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-number" }, "50"),
|
|
||||||
vue.createElementVNode("view", { class: "popup-small-font" }, "库存数量")
|
|
||||||
])
|
|
||||||
])
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-detail-right" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-detail-title" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-detail-weight" }, " 纸尿裤-拉拉裤 "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-detail-gray" }, " ZHYP044 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-weight" }, " 物料分类 "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-father" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 物料类别: "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " 生活用品 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 物料类型: "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " 照护用品 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 物料类别: "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " - ")
|
|
||||||
])
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-weight" }, " 物料信息 "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-father" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 物料品牌: "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " 洁奴 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 采购单位: "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " 片 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 参考单价: "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " 1.175 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 采购单价: "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " 2 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", {
|
|
||||||
class: "popup-right-font-contain",
|
|
||||||
style: { "width": "100%" }
|
|
||||||
}, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 规格型号: "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " 800mm*690mm ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", {
|
|
||||||
class: "popup-right-font-contain",
|
|
||||||
style: { "width": "100%" }
|
|
||||||
}, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 供 应 商 : "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " 山东恒发卫生用品有限公司 ")
|
|
||||||
])
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-weight" }, " 优惠信息 "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-father" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 医保报销: "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " 是 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-left" }, " 机构优惠: "),
|
|
||||||
vue.createElementVNode("view", { class: "popup-font-right" }, " 否 ")
|
|
||||||
])
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-left-buttons-big" }, [
|
|
||||||
vue.createElementVNode("view", { class: "swiper-left-button-blue" }, " 请购 "),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-left-button" }, " 出入库 ")
|
|
||||||
])
|
|
||||||
])
|
|
||||||
],
|
|
||||||
64
|
|
||||||
/* STABLE_FRAGMENT */
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const info = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c], ["__scopeId", "data-v-00c1a064"], ["__file", "D:/hldy_app/component/storeroom/info.vue"]]);
|
|
||||||
const _sfc_main$c = {};
|
const _sfc_main$c = {};
|
||||||
function _sfc_render$b(_ctx, _cache) {
|
function _sfc_render$b(_ctx, _cache) {
|
||||||
return vue.openBlock(), vue.createElementBlock(
|
return vue.openBlock(), vue.createElementBlock(
|
||||||
|
@ -6535,140 +6559,122 @@ if (uni.restoreGlobal) {
|
||||||
/* STABLE_FRAGMENT */
|
/* STABLE_FRAGMENT */
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
const plsbuy = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b], ["__scopeId", "data-v-63b6096e"], ["__file", "D:/hldy_app/component/storeroom/plsbuy.vue"]]);
|
const info = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b], ["__scopeId", "data-v-9aaf76b2"], ["__file", "D:/hldy_app/component/storeroom/components/info.vue"]]);
|
||||||
const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
|
const _sfc_main$b = {
|
||||||
__name: "index",
|
__name: "plsbuy",
|
||||||
setup(__props, { expose: __expose }) {
|
emits: ["closeIt"],
|
||||||
|
setup(__props, { expose: __expose, emit: __emit }) {
|
||||||
__expose();
|
__expose();
|
||||||
const note = vue.ref("");
|
const emit = __emit;
|
||||||
const __returned__ = { note };
|
const calNumber = vue.ref(50);
|
||||||
|
const closeIt = () => {
|
||||||
|
emit("closeIt");
|
||||||
|
};
|
||||||
|
const __returned__ = { emit, calNumber, closeIt, ref: vue.ref, onMounted: vue.onMounted, onBeforeUnmount: vue.onBeforeUnmount, computed: vue.computed, nextTick: vue.nextTick, watch: vue.watch };
|
||||||
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
||||||
return __returned__;
|
return __returned__;
|
||||||
}
|
}
|
||||||
});
|
};
|
||||||
function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
return vue.openBlock(), vue.createElementBlock("view", { class: "draw-all" }, [
|
return vue.openBlock(), vue.createElementBlock("view", { class: "plsbuy-contain" }, [
|
||||||
vue.createElementVNode("view", { class: "draw-title" }, [
|
vue.createElementVNode("view", { class: "plsbuy-title" }, [
|
||||||
vue.createElementVNode("view", { class: "draw-flex" }, [
|
vue.createElementVNode("image", {
|
||||||
vue.createElementVNode("view", { class: "draw-title-gun" }),
|
class: "plsbuy-title-img",
|
||||||
vue.createElementVNode("view", { class: "draw-title-font" }, "请购清单")
|
src: `/static/index/project3.png`
|
||||||
]),
|
}, null, 8, ["src"]),
|
||||||
vue.createElementVNode("view", { class: "draw-blue" }, " 请购单号:A0120250301001 ")
|
vue.createElementVNode("view", { class: "plsbuy-title-font" }, [
|
||||||
]),
|
vue.createElementVNode("view", { class: "plsbuy-title-weight" }, "纸尿裤-拉拉裤"),
|
||||||
vue.createElementVNode("view", { class: "draw-contain" }, [
|
vue.createElementVNode("view", { class: "plsbuy-title-flex" }, [
|
||||||
vue.createElementVNode("view", { class: "scroll-view" }, [
|
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
||||||
vue.createElementVNode("scroll-view", {
|
vue.createElementVNode("view", { class: "popup-font-left" }, " 规格型号: "),
|
||||||
"scroll-y": "",
|
vue.createElementVNode("view", { class: "popup-font-right" }, " 800mm*690mm ")
|
||||||
style: { "height": "93%", "margin-top": "2%" },
|
]),
|
||||||
"show-scrollbar": false
|
vue.createElementVNode("view", {
|
||||||
}, [
|
class: "popup-right-font-contain",
|
||||||
vue.createElementVNode("view", { class: "swiper-flex" }, [
|
style: { "margin-left": "40rpx" }
|
||||||
(vue.openBlock(), vue.createElementBlock(
|
}, [
|
||||||
vue.Fragment,
|
vue.createElementVNode("view", { class: "popup-font-left" }, " 采购单位: "),
|
||||||
null,
|
vue.createElementVNode("view", { class: "popup-font-right" }, " 片 ")
|
||||||
vue.renderList([1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1], (item, index2) => {
|
])
|
||||||
return vue.createElementVNode("view", { key: index2 }, [
|
]),
|
||||||
vue.createElementVNode("view", { class: "swiper-card" }, [
|
vue.createElementVNode("view", { class: "plsbuy-title-flex" }, [
|
||||||
vue.createCommentVNode(" 卡片内容 "),
|
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
||||||
vue.createElementVNode("view", { class: "swiper-card-top" }, [
|
vue.createElementVNode("view", { class: "popup-font-left" }, " 库存上限: "),
|
||||||
vue.createElementVNode("image", {
|
vue.createElementVNode("view", { class: "popup-font-right" }, " 1000 ")
|
||||||
class: "swiper-card-top-img",
|
]),
|
||||||
src: `/static/index/project3.png`
|
vue.createElementVNode("view", {
|
||||||
}, null, 8, ["src"]),
|
class: "popup-right-font-contain",
|
||||||
vue.createElementVNode("view", { class: "swiper-card-top-card" }, [
|
style: { "margin-left": "40rpx" }
|
||||||
vue.createElementVNode("view", { class: "swiper-card-top-card-weight" }, [
|
}, [
|
||||||
vue.createElementVNode("view", { class: "weight-left" }, " 纸尿裤-拉拉裤 "),
|
vue.createElementVNode("view", { class: "popup-font-left" }, " 库存下限: "),
|
||||||
vue.createElementVNode("view", {
|
vue.createElementVNode("view", { class: "popup-font-right" }, " 10 ")
|
||||||
class: "weight-right",
|
])
|
||||||
style: { "width": "40%" }
|
]),
|
||||||
}, " 采购数量:50 ")
|
vue.createElementVNode("view", { class: "plsbuy-title-flex" }, [
|
||||||
]),
|
vue.createElementVNode("view", { class: "popup-right-font-contain" }, [
|
||||||
vue.createElementVNode("view", { class: "swiper-card-top-card-noral" }, [
|
vue.createElementVNode("view", { class: "popup-font-left" }, " 库存数量: "),
|
||||||
vue.createElementVNode("view", { class: "swiper-all-flex" }, [
|
vue.createElementVNode("view", { class: "popup-font-right" }, " 50 ")
|
||||||
vue.createElementVNode("view", { class: "swiper-gray" }, " 规格型号: "),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-black" }, " 800mm*690mm ")
|
|
||||||
])
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-card-top-card-noral" }, [
|
|
||||||
vue.createElementVNode("view", { class: "swiper-all-flex" }, [
|
|
||||||
vue.createElementVNode("view", { class: "swiper-gray" }, " 采购单位: "),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-black" }, " 片 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", {
|
|
||||||
class: "swiper-all-flex",
|
|
||||||
style: { "width": "40%" }
|
|
||||||
}, [
|
|
||||||
vue.createElementVNode("view", { class: "swiper-gray" }, " 库存数量: "),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-black" }, " 50 ")
|
|
||||||
])
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-card-top-card-noral" }, [
|
|
||||||
vue.createElementVNode("view", { class: "swiper-all-flex" }, [
|
|
||||||
vue.createElementVNode("view", { class: "swiper-gray" }, " 库存下限: "),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-black" }, " 10 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", {
|
|
||||||
class: "swiper-all-flex",
|
|
||||||
style: { "width": "40%" }
|
|
||||||
}, [
|
|
||||||
vue.createElementVNode("view", { class: "swiper-gray" }, " 库存上限: "),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-black" }, " 1000 ")
|
|
||||||
])
|
|
||||||
])
|
|
||||||
])
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-card-down" }, [
|
|
||||||
vue.createElementVNode("view", { class: "down-left" }, [
|
|
||||||
vue.createElementVNode("view", { class: "down-left-weight" }, " 供应商: "),
|
|
||||||
vue.createElementVNode("view", { class: "down-left-font" }, " 长春市永佳利商贸有限公司1 ")
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("image", {
|
|
||||||
class: "delete-img",
|
|
||||||
src: `/static/index/deleteIt.png`
|
|
||||||
}, null, 8, ["src"])
|
|
||||||
])
|
|
||||||
])
|
|
||||||
]);
|
|
||||||
}),
|
|
||||||
64
|
|
||||||
/* STABLE_FRAGMENT */
|
|
||||||
))
|
|
||||||
])
|
])
|
||||||
])
|
])
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "down-note" }, [
|
|
||||||
vue.withDirectives(vue.createElementVNode(
|
|
||||||
"textarea",
|
|
||||||
{
|
|
||||||
class: "down-note-title-input",
|
|
||||||
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.note = $event),
|
|
||||||
maxlength: "300",
|
|
||||||
"placeholder-style": "color:#999",
|
|
||||||
placeholder: "请输入备注"
|
|
||||||
},
|
|
||||||
null,
|
|
||||||
512
|
|
||||||
/* NEED_PATCH */
|
|
||||||
), [
|
|
||||||
[vue.vModelText, $setup.note]
|
|
||||||
]),
|
|
||||||
vue.createElementVNode(
|
|
||||||
"text",
|
|
||||||
{ class: "char-count" },
|
|
||||||
vue.toDisplayString($setup.note.length) + "/300",
|
|
||||||
1
|
|
||||||
/* TEXT */
|
|
||||||
)
|
|
||||||
]),
|
|
||||||
vue.createElementVNode("view", { class: "down-button" }, [
|
|
||||||
vue.createElementVNode("view", { class: "swiper-left-button-orange" }, " 清空 "),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-left-button-blue" }, " 保存 "),
|
|
||||||
vue.createElementVNode("view", { class: "swiper-left-button-blue" }, " 提交 ")
|
|
||||||
])
|
])
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-card" }, [
|
||||||
|
vue.createElementVNode("scroll-view", {
|
||||||
|
"scroll-y": "",
|
||||||
|
style: { "height": "100%" },
|
||||||
|
"show-scrollbar": true
|
||||||
|
}, [
|
||||||
|
(vue.openBlock(), vue.createElementBlock(
|
||||||
|
vue.Fragment,
|
||||||
|
null,
|
||||||
|
vue.renderList([0, 1, 2, 3, 3, 4], (item, index2) => {
|
||||||
|
return vue.createElementVNode("view", {
|
||||||
|
class: "",
|
||||||
|
key: index2
|
||||||
|
}, [
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-card-heng" }, [
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-weight" }, "供应商:"),
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-font-right" }, "长春市永佳利商贸有限公司1"),
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-right-weight" }, "采购数量"),
|
||||||
|
vue.createElementVNode("view", {
|
||||||
|
class: "plsbuy-jian",
|
||||||
|
onClick: _cache[0] || (_cache[0] = ($event) => $setup.calNumber--)
|
||||||
|
}, "-"),
|
||||||
|
vue.createElementVNode(
|
||||||
|
"view",
|
||||||
|
{ class: "plsbuy-number" },
|
||||||
|
vue.toDisplayString($setup.calNumber),
|
||||||
|
1
|
||||||
|
/* TEXT */
|
||||||
|
),
|
||||||
|
vue.createElementVNode("view", {
|
||||||
|
class: "plsbuy-jia",
|
||||||
|
onClick: _cache[1] || (_cache[1] = ($event) => $setup.calNumber++)
|
||||||
|
}, "+")
|
||||||
|
])
|
||||||
|
]);
|
||||||
|
}),
|
||||||
|
64
|
||||||
|
/* STABLE_FRAGMENT */
|
||||||
|
))
|
||||||
|
]),
|
||||||
|
vue.createCommentVNode(' <div class="blur-overlay"></div> ')
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-amount" }, [
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-amount-font" }, " 合计: "),
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-amount-red" }, " 100 ")
|
||||||
|
]),
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-bottom" }, [
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-bottom-blue" }, " 新增供应商 "),
|
||||||
|
vue.createElementVNode("view", { class: "plsbuy-bottom-blue" }, " 确认 "),
|
||||||
|
vue.createElementVNode("view", {
|
||||||
|
class: "plsbuy-bottom-white",
|
||||||
|
onClick: $setup.closeIt
|
||||||
|
}, " 取消 ")
|
||||||
])
|
])
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
const shoppingCar = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-4e05069f"], ["__file", "D:/hldy_app/component/storeroom/shoppingCar/index.vue"]]);
|
const plsbuy = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-00391254"], ["__file", "D:/hldy_app/component/storeroom/components/plsbuy.vue"]]);
|
||||||
const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
||||||
__name: "index",
|
__name: "index",
|
||||||
props: {
|
props: {
|
||||||
|
@ -6682,6 +6688,7 @@ if (uni.restoreGlobal) {
|
||||||
const props = __props;
|
const props = __props;
|
||||||
const transition = vue.ref(true);
|
const transition = vue.ref(true);
|
||||||
const drawer = vue.ref(null);
|
const drawer = vue.ref(null);
|
||||||
|
const gobackdrawer = vue.ref(null);
|
||||||
vue.watch(
|
vue.watch(
|
||||||
() => props.isShow,
|
() => props.isShow,
|
||||||
(newVal, oldVal) => {
|
(newVal, oldVal) => {
|
||||||
|
@ -6708,19 +6715,22 @@ if (uni.restoreGlobal) {
|
||||||
detailisopacity.value = false;
|
detailisopacity.value = false;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
detailisopacity.value = true;
|
detailisopacity.value = true;
|
||||||
}, 200);
|
}, 100);
|
||||||
};
|
};
|
||||||
const openBuy = () => {
|
const openBuy = () => {
|
||||||
plsBuyIsopen.value = true;
|
plsBuyIsopen.value = true;
|
||||||
plsBuyisopacity.value = false;
|
plsBuyisopacity.value = false;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
plsBuyisopacity.value = true;
|
plsBuyisopacity.value = true;
|
||||||
}, 200);
|
}, 100);
|
||||||
};
|
};
|
||||||
const clickBall = () => {
|
const clickBall = () => {
|
||||||
drawer.value.openDrawer();
|
drawer.value.openDrawer();
|
||||||
};
|
};
|
||||||
const __returned__ = { props, transition, drawer, detailisopen, detailisopacity, plsBuyIsopen, plsBuyisopacity, isWarning, buttonList, opendetail, openBuy, clickBall, ball, info, plsbuy, Drawer, shoppingCar };
|
const clickgoback = () => {
|
||||||
|
gobackdrawer.value.openDrawer();
|
||||||
|
};
|
||||||
|
const __returned__ = { props, transition, drawer, gobackdrawer, detailisopen, detailisopacity, plsBuyIsopen, plsBuyisopacity, isWarning, buttonList, opendetail, openBuy, clickBall, clickgoback, Drawer, shoppingCar, ball, info, plsbuy };
|
||||||
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
||||||
return __returned__;
|
return __returned__;
|
||||||
}
|
}
|
||||||
|
@ -6904,7 +6914,10 @@ if (uni.restoreGlobal) {
|
||||||
class: "swiper-left-button-blue",
|
class: "swiper-left-button-blue",
|
||||||
onClick: $setup.openBuy
|
onClick: $setup.openBuy
|
||||||
}, " 请购 "),
|
}, " 请购 "),
|
||||||
vue.createElementVNode("view", { class: "swiper-left-button" }, " 出入库 ")
|
vue.createElementVNode("view", {
|
||||||
|
class: "swiper-left-button",
|
||||||
|
onClick: $setup.clickgoback
|
||||||
|
}, " 出入库 ")
|
||||||
])
|
])
|
||||||
])
|
])
|
||||||
])
|
])
|
||||||
|
@ -6957,19 +6970,21 @@ if (uni.restoreGlobal) {
|
||||||
"view",
|
"view",
|
||||||
{
|
{
|
||||||
class: "popup-detail",
|
class: "popup-detail",
|
||||||
onClick: _cache[4] || (_cache[4] = ($event) => $setup.plsBuyIsopen = false)
|
onClick: _cache[5] || (_cache[5] = ($event) => $setup.plsBuyIsopen = false)
|
||||||
},
|
},
|
||||||
[
|
[
|
||||||
vue.createElementVNode(
|
vue.createElementVNode(
|
||||||
"view",
|
"view",
|
||||||
{
|
{
|
||||||
class: "popup-detail-content",
|
class: "popup-detail-content-plsbuy",
|
||||||
style: vue.normalizeStyle({ opacity: $setup.plsBuyisopacity ? 1 : 0 }),
|
style: vue.normalizeStyle({ opacity: $setup.plsBuyisopacity ? 1 : 0 }),
|
||||||
onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
|
onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
|
||||||
}, ["stop"]))
|
}, ["stop"]))
|
||||||
},
|
},
|
||||||
[
|
[
|
||||||
vue.createVNode($setup["plsbuy"])
|
vue.createVNode($setup["plsbuy"], {
|
||||||
|
onCloseIt: _cache[3] || (_cache[3] = ($event) => $setup.plsBuyIsopen = false)
|
||||||
|
})
|
||||||
],
|
],
|
||||||
4
|
4
|
||||||
/* STYLE */
|
/* STYLE */
|
||||||
|
@ -6980,6 +6995,7 @@ if (uni.restoreGlobal) {
|
||||||
), [
|
), [
|
||||||
[vue.vShow, $setup.plsBuyIsopen && $props.isShow]
|
[vue.vShow, $setup.plsBuyIsopen && $props.isShow]
|
||||||
]),
|
]),
|
||||||
|
vue.createCommentVNode(" 悬浮球点击后打开的抽屉 "),
|
||||||
vue.createVNode(
|
vue.createVNode(
|
||||||
$setup["Drawer"],
|
$setup["Drawer"],
|
||||||
{ ref: "drawer" },
|
{ ref: "drawer" },
|
||||||
|
@ -6993,6 +7009,24 @@ if (uni.restoreGlobal) {
|
||||||
512
|
512
|
||||||
/* NEED_PATCH */
|
/* NEED_PATCH */
|
||||||
),
|
),
|
||||||
|
vue.createCommentVNode(" 出入库点击后打开的抽屉 "),
|
||||||
|
vue.createVNode(
|
||||||
|
$setup["Drawer"],
|
||||||
|
{
|
||||||
|
ref: "gobackdrawer",
|
||||||
|
widNumber: 45
|
||||||
|
},
|
||||||
|
{
|
||||||
|
default: vue.withCtx(() => [
|
||||||
|
vue.createVNode($setup["shoppingCar"])
|
||||||
|
]),
|
||||||
|
_: 1
|
||||||
|
/* STABLE */
|
||||||
|
},
|
||||||
|
512
|
||||||
|
/* NEED_PATCH */
|
||||||
|
),
|
||||||
|
vue.createCommentVNode(" 悬浮球 "),
|
||||||
vue.createVNode($setup["ball"], {
|
vue.createVNode($setup["ball"], {
|
||||||
isShow: $props.isShow && !$setup.detailisopen && !$setup.plsBuyIsopen,
|
isShow: $props.isShow && !$setup.detailisopen && !$setup.plsBuyIsopen,
|
||||||
onClick: $setup.clickBall
|
onClick: $setup.clickBall
|
||||||
|
@ -8723,7 +8757,7 @@ if (uni.restoreGlobal) {
|
||||||
case 0:
|
case 0:
|
||||||
return `ball-red`;
|
return `ball-red`;
|
||||||
case 1:
|
case 1:
|
||||||
return `ball-yellow`;
|
return `ball-yellow-big`;
|
||||||
default:
|
default:
|
||||||
return "ball-green";
|
return "ball-green";
|
||||||
}
|
}
|
||||||
|
@ -8735,9 +8769,9 @@ if (uni.restoreGlobal) {
|
||||||
case 1:
|
case 1:
|
||||||
return `ball-white`;
|
return `ball-white`;
|
||||||
case 2:
|
case 2:
|
||||||
return `ball-yellow`;
|
return `ball-yellow-big`;
|
||||||
case 3:
|
case 3:
|
||||||
return `ball-yellow`;
|
return `ball-yellow-big`;
|
||||||
case 4:
|
case 4:
|
||||||
return `ball-green`;
|
return `ball-green`;
|
||||||
case 5:
|
case 5:
|
||||||
|
@ -8747,7 +8781,7 @@ if (uni.restoreGlobal) {
|
||||||
const getBallThird = (type) => {
|
const getBallThird = (type) => {
|
||||||
switch (type) {
|
switch (type) {
|
||||||
case 4:
|
case 4:
|
||||||
return `ball-yellow`;
|
return `ball-yellow-big`;
|
||||||
case 5:
|
case 5:
|
||||||
return `ball-green`;
|
return `ball-green`;
|
||||||
default:
|
default:
|
||||||
|
@ -8956,6 +8990,7 @@ if (uni.restoreGlobal) {
|
||||||
vue.createElementVNode("view", { class: "index-right-title" }, [
|
vue.createElementVNode("view", { class: "index-right-title" }, [
|
||||||
vue.createElementVNode("view", {
|
vue.createElementVNode("view", {
|
||||||
class: "ball-bgc",
|
class: "ball-bgc",
|
||||||
|
style: { "box-shadow": "2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3)" },
|
||||||
onClick: $setup.firstBallClick
|
onClick: $setup.firstBallClick
|
||||||
}, [
|
}, [
|
||||||
vue.createElementVNode(
|
vue.createElementVNode(
|
||||||
|
@ -8970,6 +9005,7 @@ if (uni.restoreGlobal) {
|
||||||
]),
|
]),
|
||||||
vue.createElementVNode("view", {
|
vue.createElementVNode("view", {
|
||||||
class: "ball-bgc",
|
class: "ball-bgc",
|
||||||
|
style: { "box-shadow": "2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3)" },
|
||||||
onClick: $setup.secondBallClick
|
onClick: $setup.secondBallClick
|
||||||
}, [
|
}, [
|
||||||
vue.createElementVNode(
|
vue.createElementVNode(
|
||||||
|
@ -8984,6 +9020,7 @@ if (uni.restoreGlobal) {
|
||||||
]),
|
]),
|
||||||
vue.createElementVNode("view", {
|
vue.createElementVNode("view", {
|
||||||
class: "ball-bgc",
|
class: "ball-bgc",
|
||||||
|
style: { "box-shadow": "2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3)" },
|
||||||
onClick: $setup.thirdBallClick
|
onClick: $setup.thirdBallClick
|
||||||
}, [
|
}, [
|
||||||
vue.createElementVNode(
|
vue.createElementVNode(
|
||||||
|
@ -9091,39 +9128,66 @@ if (uni.restoreGlobal) {
|
||||||
2
|
2
|
||||||
/* CLASS */
|
/* CLASS */
|
||||||
),
|
),
|
||||||
vue.createElementVNode("view", { class: "ball-bgc" }, [
|
vue.createElementVNode(
|
||||||
vue.createElementVNode(
|
"view",
|
||||||
"view",
|
{
|
||||||
{
|
class: "ball-bgc",
|
||||||
class: vue.normalizeClass($setup.getBallFirst(item.cardType))
|
style: vue.normalizeStyle(item.cardType != 1 ? {} : { boxShadow: `8rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.3)`, width: `110rpx`, height: `110rpx` })
|
||||||
},
|
},
|
||||||
" 采购 ",
|
[
|
||||||
2
|
vue.createElementVNode(
|
||||||
/* CLASS */
|
"view",
|
||||||
)
|
{
|
||||||
]),
|
class: vue.normalizeClass($setup.getBallFirst(item.cardType))
|
||||||
vue.createElementVNode("view", { class: "ball-bgc" }, [
|
},
|
||||||
vue.createElementVNode(
|
" 采购 ",
|
||||||
"view",
|
2
|
||||||
{
|
/* CLASS */
|
||||||
class: vue.normalizeClass($setup.getBallSecond(item.cardType))
|
)
|
||||||
},
|
],
|
||||||
" 拣货 ",
|
4
|
||||||
2
|
/* STYLE */
|
||||||
/* CLASS */
|
),
|
||||||
)
|
vue.createElementVNode(
|
||||||
]),
|
"view",
|
||||||
vue.createElementVNode("view", { class: "ball-bgc" }, [
|
{
|
||||||
vue.createElementVNode(
|
class: "ball-bgc",
|
||||||
"view",
|
style: vue.normalizeStyle(item.cardType != 2 && item.cardType != 3 ? {} : { boxShadow: `8rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.3)`, width: `110rpx`, height: `110rpx` })
|
||||||
{
|
},
|
||||||
class: vue.normalizeClass($setup.getBallThird(item.cardType))
|
[
|
||||||
},
|
vue.createElementVNode(
|
||||||
" 结账 ",
|
"view",
|
||||||
2
|
{
|
||||||
/* CLASS */
|
class: vue.normalizeClass($setup.getBallSecond(item.cardType))
|
||||||
)
|
},
|
||||||
])
|
" 拣货 ",
|
||||||
|
2
|
||||||
|
/* CLASS */
|
||||||
|
)
|
||||||
|
],
|
||||||
|
4
|
||||||
|
/* STYLE */
|
||||||
|
),
|
||||||
|
vue.createElementVNode(
|
||||||
|
"view",
|
||||||
|
{
|
||||||
|
class: "ball-bgc",
|
||||||
|
style: vue.normalizeStyle(item.cardType != 4 ? {} : { boxShadow: `8rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.3)`, width: `110rpx`, height: `110rpx` })
|
||||||
|
},
|
||||||
|
[
|
||||||
|
vue.createElementVNode(
|
||||||
|
"view",
|
||||||
|
{
|
||||||
|
class: vue.normalizeClass($setup.getBallThird(item.cardType))
|
||||||
|
},
|
||||||
|
" 结账 ",
|
||||||
|
2
|
||||||
|
/* CLASS */
|
||||||
|
)
|
||||||
|
],
|
||||||
|
4
|
||||||
|
/* STYLE */
|
||||||
|
)
|
||||||
]),
|
]),
|
||||||
vue.createElementVNode(
|
vue.createElementVNode(
|
||||||
"view",
|
"view",
|
||||||
|
|
|
@ -7,8 +7,8 @@
|
||||||
"id": "__UNI__FB2D473",
|
"id": "__UNI__FB2D473",
|
||||||
"name": "养老App",
|
"name": "养老App",
|
||||||
"version": {
|
"version": {
|
||||||
"name": "1.0.7",
|
"name": "1.0.8",
|
||||||
"code": 107
|
"code": 108
|
||||||
},
|
},
|
||||||
"description": "养老App",
|
"description": "养老App",
|
||||||
"developer": {
|
"developer": {
|
||||||
|
|
|
@ -13,8 +13,6 @@
|
||||||
.drawer[data-v-40fcca19] {
|
.drawer[data-v-40fcca19] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: -90%;
|
|
||||||
width: 85%;
|
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
|
@ -41,7 +39,7 @@
|
||||||
width: 3.125rem;
|
width: 3.125rem;
|
||||||
height: 3.4375rem;
|
height: 3.4375rem;
|
||||||
/* border-radius 的两个值分别代表水平和垂直半径 */
|
/* border-radius 的两个值分别代表水平和垂直半径 */
|
||||||
border-radius: 50% ;
|
border-radius: 50%;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
background: linear-gradient(to bottom, #dfecfa, #c9dbee);
|
background: linear-gradient(to bottom, #dfecfa, #c9dbee);
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -448,7 +446,7 @@
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .right-container-right-father-dark[data-v-9f74ebdb] {
|
.right-container .right-container-sec .right-container-right-father-dark[data-v-9f74ebdb] {
|
||||||
height: 19.6875rem;
|
height: 19.6875rem;
|
||||||
border-radius: 1.40625rem;
|
border-radius: 1.5625rem;
|
||||||
background-color: #16304c;
|
background-color: #16304c;
|
||||||
border: 0.0625rem solid transparent;
|
border: 0.0625rem solid transparent;
|
||||||
background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
||||||
|
@ -459,7 +457,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
|
box-shadow: 0px 0.25rem 0.5rem rgba(105, 129, 178, 0.8);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .right-container-right-father-dark .uni-margin-wrap[data-v-9f74ebdb] {
|
.right-container .right-container-sec .right-container-right-father-dark .uni-margin-wrap[data-v-9f74ebdb] {
|
||||||
|
@ -701,7 +699,7 @@
|
||||||
.right-container .right-container-sec .right-container-right-father[data-v-9f74ebdb] {
|
.right-container .right-container-sec .right-container-right-father[data-v-9f74ebdb] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 19.6875rem;
|
height: 19.6875rem;
|
||||||
border-radius: 1.09375rem;
|
border-radius: 1.5625rem;
|
||||||
border: 0.0625rem solid #fff;
|
border: 0.0625rem solid #fff;
|
||||||
background-image: url('../../static/index/mountain.png');
|
background-image: url('../../static/index/mountain.png');
|
||||||
background-color: rgba(200, 216, 238, 0.8);
|
background-color: rgba(200, 216, 238, 0.8);
|
||||||
|
@ -709,7 +707,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
|
box-shadow: 0px 0.25rem 0.5rem rgba(105, 129, 178, 0.8);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .right-container-right-father .uni-margin-wrap[data-v-9f74ebdb] {
|
.right-container .right-container-sec .right-container-right-father .uni-margin-wrap[data-v-9f74ebdb] {
|
||||||
|
@ -950,7 +948,7 @@
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .right-container-left[data-v-9f74ebdb] {
|
.right-container .right-container-sec .right-container-left[data-v-9f74ebdb] {
|
||||||
height: 19.6875rem;
|
height: 19.6875rem;
|
||||||
border-radius: 1.40625rem;
|
border-radius: 1.5625rem;
|
||||||
border: 0.03125rem solid #fff;
|
border: 0.03125rem solid #fff;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -960,11 +958,11 @@
|
||||||
background-image: url('../../static/index/mountain.png');
|
background-image: url('../../static/index/mountain.png');
|
||||||
background-position: 70% 45%;
|
background-position: 70% 45%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
|
box-shadow: 0px 0.25rem 0.5rem rgba(105, 129, 178, 0.8);
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .right-container-left-dark[data-v-9f74ebdb] {
|
.right-container .right-container-sec .right-container-left-dark[data-v-9f74ebdb] {
|
||||||
height: 19.6875rem;
|
height: 19.6875rem;
|
||||||
border-radius: 1.40625rem;
|
border-radius: 1.5625rem;
|
||||||
background-color: #16304c;
|
background-color: #16304c;
|
||||||
border: 0.0625rem solid transparent;
|
border: 0.0625rem solid transparent;
|
||||||
background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
||||||
|
@ -975,6 +973,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
box-shadow: 0px 0.25rem 0.5rem rgba(105, 129, 178, 0.8);
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .uni-margin-wrap[data-v-9f74ebdb] {
|
.right-container .right-container-sec .uni-margin-wrap[data-v-9f74ebdb] {
|
||||||
width: 31.25rem;
|
width: 31.25rem;
|
||||||
|
@ -1189,7 +1188,7 @@
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .time-tra-thi .time-button-view .time-button-start[data-v-9f74ebdb] {
|
.right-container .right-container-sec .time-tra-thi .time-button-view .time-button-start[data-v-9f74ebdb] {
|
||||||
width: 7.1875rem;
|
width: 7.1875rem;
|
||||||
height: 2.5rem;
|
height: 2.625rem;
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
background: linear-gradient(to bottom, #AF8ED7, #4D3E9B);
|
background: linear-gradient(to bottom, #AF8ED7, #4D3E9B);
|
||||||
border-left: 0.0625rem solid #fff;
|
border-left: 0.0625rem solid #fff;
|
||||||
|
@ -1199,19 +1198,19 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
margin-right: 0.78125rem;
|
margin-right: 0.78125rem;
|
||||||
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
|
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(105, 129, 178, 0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .time-tra-thi .time-button-view .time-button-end[data-v-9f74ebdb] {
|
.right-container .right-container-sec .time-tra-thi .time-button-view .time-button-end[data-v-9f74ebdb] {
|
||||||
width: 7.1875rem;
|
width: 7.1875rem;
|
||||||
height: 2.5rem;
|
height: 2.625rem;
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
background-color: #fff;
|
background: linear-gradient(to bottom, #f3f3f5, #dee4e9);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
|
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(105, 129, 178, 0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .time-tra-thi .time-button-view .time-button-end-dark[data-v-9f74ebdb] {
|
.right-container .right-container-sec .time-tra-thi .time-button-view .time-button-end-dark[data-v-9f74ebdb] {
|
||||||
|
@ -1290,7 +1289,7 @@
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .time-tra-sec .time-button-view .time-button-start[data-v-9f74ebdb] {
|
.right-container .right-container-sec .time-tra-sec .time-button-view .time-button-start[data-v-9f74ebdb] {
|
||||||
width: 7.1875rem;
|
width: 7.1875rem;
|
||||||
height: 2.5rem;
|
height: 2.625rem;
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
background: linear-gradient(to top, #0DA0B1, #04D3AF);
|
background: linear-gradient(to top, #0DA0B1, #04D3AF);
|
||||||
border-left: 0.0625rem solid #fff;
|
border-left: 0.0625rem solid #fff;
|
||||||
|
@ -1300,19 +1299,19 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
margin-right: 0.78125rem;
|
margin-right: 0.78125rem;
|
||||||
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
|
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(105, 129, 178, 0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .time-tra-sec .time-button-view .time-button-end[data-v-9f74ebdb] {
|
.right-container .right-container-sec .time-tra-sec .time-button-view .time-button-end[data-v-9f74ebdb] {
|
||||||
width: 7.1875rem;
|
width: 7.1875rem;
|
||||||
height: 2.5rem;
|
height: 2.625rem;
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
background-color: #fff;
|
background: linear-gradient(to bottom, #f3f3f5, #dee4e9);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
|
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(105, 129, 178, 0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
.right-container .right-container-sec .time-tra-sec .time-button-view .time-button-end-dark[data-v-9f74ebdb] {
|
.right-container .right-container-sec .time-tra-sec .time-button-view .time-button-end-dark[data-v-9f74ebdb] {
|
||||||
|
@ -1382,11 +1381,11 @@
|
||||||
.right-container .right-container-fir .right-container-fir-left-nav[data-v-9f74ebdb] {
|
.right-container .right-container-fir .right-container-fir-left-nav[data-v-9f74ebdb] {
|
||||||
width: 63%;
|
width: 63%;
|
||||||
height: 17.125rem;
|
height: 17.125rem;
|
||||||
border-radius: 1.40625rem;
|
border-radius: 1.5625rem;
|
||||||
/* 圆角 */
|
/* 圆角 */
|
||||||
position: relative;
|
position: relative;
|
||||||
/* 增加背景色确保视觉效果 */
|
/* 增加背景色确保视觉效果 */
|
||||||
box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
|
box-shadow: 0px 0.25rem 0.5rem rgba(105, 129, 178, 0.8);
|
||||||
/* 增强的阴影效果 */
|
/* 增强的阴影效果 */
|
||||||
/* 包括边框在内计算宽高 */
|
/* 包括边框在内计算宽高 */
|
||||||
}
|
}
|
||||||
|
@ -1438,7 +1437,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 1.40625rem;
|
border-radius: 1.5625rem;
|
||||||
border: 0.03125rem solid #fff;
|
border: 0.03125rem solid #fff;
|
||||||
background-color: rgba(99, 115, 157, 0.1);
|
background-color: rgba(99, 115, 157, 0.1);
|
||||||
/* 白色背景透明度为 10% */
|
/* 白色背景透明度为 10% */
|
||||||
|
@ -1452,7 +1451,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border: 0.0625rem solid transparent;
|
border: 0.0625rem solid transparent;
|
||||||
border-radius: 1.40625rem;
|
border-radius: 1.5625rem;
|
||||||
background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
||||||
background-clip: padding-box, border-box;
|
background-clip: padding-box, border-box;
|
||||||
background-color: rgba(12, 25, 47, 0.1);
|
background-color: rgba(12, 25, 47, 0.1);
|
||||||
|
@ -1518,7 +1517,7 @@
|
||||||
}
|
}
|
||||||
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-start[data-v-9f74ebdb] {
|
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-start[data-v-9f74ebdb] {
|
||||||
width: 7.1875rem;
|
width: 7.1875rem;
|
||||||
height: 2.5rem;
|
height: 2.625rem;
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
background: linear-gradient(to top, #047ADB, #0EA7DD);
|
background: linear-gradient(to top, #047ADB, #0EA7DD);
|
||||||
border-left: 0.0625rem solid #fff;
|
border-left: 0.0625rem solid #fff;
|
||||||
|
@ -1528,19 +1527,19 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
margin-right: 0.78125rem;
|
margin-right: 0.78125rem;
|
||||||
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
|
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(105, 129, 178, 0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-end[data-v-9f74ebdb] {
|
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-end[data-v-9f74ebdb] {
|
||||||
width: 7.1875rem;
|
width: 7.1875rem;
|
||||||
height: 2.5rem;
|
height: 2.625rem;
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
background-color: #fff;
|
background: linear-gradient(to bottom, #f3f3f5, #dee4e9);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
|
box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(105, 129, 178, 0.2);
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-end-dark[data-v-9f74ebdb] {
|
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-end-dark[data-v-9f74ebdb] {
|
||||||
|
@ -1696,24 +1695,26 @@
|
||||||
margin-right: 2%;
|
margin-right: 2%;
|
||||||
width: 21.875rem;
|
width: 21.875rem;
|
||||||
height: 17.125rem;
|
height: 17.125rem;
|
||||||
border-radius: 1.25rem;
|
border-radius: 1.5625rem;
|
||||||
border: 0.03125rem solid #fff;
|
border: 0.03125rem solid #fff;
|
||||||
background: url(../../static/index/rightbgi.png);
|
background: url(../../static/index/rightbgi.png);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-color: rgba(99, 115, 157, 0.1);
|
background-color: rgba(99, 115, 157, 0.1);
|
||||||
|
box-shadow: 0px 0.25rem 0.5rem rgba(105, 129, 178, 0.8);
|
||||||
}
|
}
|
||||||
.right-container .right-container-fir .right-container-fir-right-dark[data-v-9f74ebdb] {
|
.right-container .right-container-fir .right-container-fir-right-dark[data-v-9f74ebdb] {
|
||||||
margin-left: 2%;
|
margin-left: 2%;
|
||||||
margin-right: 2%;
|
margin-right: 2%;
|
||||||
width: 21.875rem;
|
width: 21.875rem;
|
||||||
height: 17.125rem;
|
height: 17.125rem;
|
||||||
border-radius: 1.25rem;
|
border-radius: 1.5625rem;
|
||||||
border: 0.03125rem solid #fff;
|
border: 0.03125rem solid #fff;
|
||||||
background-color: #16304c;
|
background-color: #16304c;
|
||||||
border: 0.0625rem solid transparent;
|
border: 0.0625rem solid transparent;
|
||||||
background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
|
||||||
background-clip: padding-box, border-box;
|
background-clip: padding-box, border-box;
|
||||||
background-color: rgba(12, 25, 47, 0.1);
|
background-color: rgba(12, 25, 47, 0.1);
|
||||||
|
box-shadow: 0px 0.25rem 0.5rem rgba(105, 129, 178, 0.8);
|
||||||
}
|
}
|
||||||
.right-container .right-container-fir .right-container-card[data-v-9f74ebdb] {
|
.right-container .right-container-fir .right-container-card[data-v-9f74ebdb] {
|
||||||
margin-top: 0.78125rem;
|
margin-top: 0.78125rem;
|
||||||
|
@ -2173,7 +2174,7 @@
|
||||||
border-radius: 0.15625rem;
|
border-radius: 0.15625rem;
|
||||||
}
|
}
|
||||||
.right-container-big[data-v-9f74ebdb] {
|
.right-container-big[data-v-9f74ebdb] {
|
||||||
transform: scale(1.5);
|
transform: scale(1.57);
|
||||||
/* 初始状态 */
|
/* 初始状态 */
|
||||||
transition: transform 0.5s ease;
|
transition: transform 0.5s ease;
|
||||||
/* 平滑过渡 */
|
/* 平滑过渡 */
|
||||||
|
@ -2190,7 +2191,7 @@
|
||||||
z-index: 998;
|
z-index: 998;
|
||||||
}
|
}
|
||||||
.right-container-right-big[data-v-9f74ebdb] {
|
.right-container-right-big[data-v-9f74ebdb] {
|
||||||
transform: scale(1.5);
|
transform: scale(1.93);
|
||||||
margin-left: 2%;
|
margin-left: 2%;
|
||||||
width: 41%;
|
width: 41%;
|
||||||
/* 初始状态 */
|
/* 初始状态 */
|
||||||
|
@ -2212,7 +2213,7 @@
|
||||||
border-radius: 1.5625rem;
|
border-radius: 1.5625rem;
|
||||||
}
|
}
|
||||||
.right-container-left-big[data-v-9f74ebdb] {
|
.right-container-left-big[data-v-9f74ebdb] {
|
||||||
transform: scale(1.5);
|
transform: scale(1.78);
|
||||||
width: 55%;
|
width: 55%;
|
||||||
/* 初始状态 */
|
/* 初始状态 */
|
||||||
transition: transform 0.5s ease;
|
transition: transform 0.5s ease;
|
||||||
|
@ -2322,7 +2323,7 @@
|
||||||
margin: 0 0.5625rem 0.46875rem 0;
|
margin: 0 0.5625rem 0.46875rem 0;
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
border: 0.0625rem solid #ddeafa;
|
border: 0.0625rem solid #ddeafa;
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 5px 5px 10px rgba(105, 129, 178, 0.2);
|
||||||
/* 右下角阴影 */
|
/* 右下角阴影 */
|
||||||
}
|
}
|
||||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-img[data-v-337bb5da] {
|
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-img[data-v-337bb5da] {
|
||||||
|
@ -2331,10 +2332,12 @@
|
||||||
}
|
}
|
||||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font[data-v-337bb5da] {
|
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font[data-v-337bb5da] {
|
||||||
font-size: 0.9375rem;
|
font-size: 0.9375rem;
|
||||||
|
margin-top: -0.3125rem;
|
||||||
}
|
}
|
||||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font-dark[data-v-337bb5da] {
|
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font-dark[data-v-337bb5da] {
|
||||||
font-size: 0.9375rem;
|
font-size: 0.9375rem;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
margin-top: -0.3125rem;
|
||||||
}
|
}
|
||||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down[data-v-337bb5da] {
|
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down[data-v-337bb5da] {
|
||||||
background-color: rgba(221, 234, 250);
|
background-color: rgba(221, 234, 250);
|
||||||
|
@ -2344,7 +2347,7 @@
|
||||||
height: 28.125rem;
|
height: 28.125rem;
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 5px 5px 10px rgba(105, 129, 178, 0.8);
|
||||||
/* 右下角阴影 */
|
/* 右下角阴影 */
|
||||||
}
|
}
|
||||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-scroll[data-v-337bb5da] {
|
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-scroll[data-v-337bb5da] {
|
||||||
|
@ -2379,7 +2382,7 @@
|
||||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text-target[data-v-337bb5da] {
|
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text-target[data-v-337bb5da] {
|
||||||
color: #016AD1;
|
color: #016AD1;
|
||||||
background-color: #c9e8ff;
|
background-color: #c9e8ff;
|
||||||
border-radius: 0.625rem;
|
border-radius: 0.78125rem;
|
||||||
border: 0.0625rem solid #fff;
|
border: 0.0625rem solid #fff;
|
||||||
width: 9.375rem;
|
width: 9.375rem;
|
||||||
height: 3.125rem;
|
height: 3.125rem;
|
||||||
|
@ -2389,14 +2392,14 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 1.40625rem;
|
font-size: 1.40625rem;
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 5px 5px 10px rgba(105, 129, 178, 0.2);
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text[data-v-337bb5da] {
|
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text[data-v-337bb5da] {
|
||||||
background-color: #f3f6fc;
|
background-color: #f3f6fc;
|
||||||
border: 0.0625rem solid #fff;
|
border: 0.0625rem solid #fff;
|
||||||
border-radius: 0.3125rem;
|
border-radius: 0.78125rem;
|
||||||
width: 7.8125rem;
|
width: 7.8125rem;
|
||||||
height: 2.34375rem;
|
height: 2.34375rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -2406,7 +2409,7 @@
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 0.9375rem;
|
font-size: 0.9375rem;
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 5px 5px 10px rgba(105, 129, 178, 0.2);
|
||||||
}
|
}
|
||||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-button-gun[data-v-337bb5da] {
|
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-button-gun[data-v-337bb5da] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -2473,9 +2476,9 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: linear-gradient(to bottom right, #fff 0%, #dcdcf9 50%, #dbdcf8 100%);
|
background: linear-gradient(to bottom right, #fff 0%, #dcdcf9 50%, #dbdcf8 100%);
|
||||||
border-radius: 0.78125rem;
|
border-radius: 0.9375rem;
|
||||||
border: 0.0625rem solid #fff;
|
border: 0.0625rem solid #fff;
|
||||||
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0, 0, 0, 0.1);
|
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(105, 129, 178, 0.2);
|
||||||
transition: all 1.5s ease-in-out;
|
transition: all 1.5s ease-in-out;
|
||||||
}
|
}
|
||||||
.right-container .doctorsay-container-view .doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-father-close-father[data-v-337bb5da] {
|
.right-container .doctorsay-container-view .doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-father-close-father[data-v-337bb5da] {
|
||||||
|
|
|
@ -1,291 +1,3 @@
|
||||||
.floating-ball[data-v-1da59535] {
|
|
||||||
position: fixed;
|
|
||||||
width: 4.375rem;
|
|
||||||
height: 4.375rem;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: linear-gradient(to bottom right, #3FBBFE, #A541FF);
|
|
||||||
border: 0.0625rem solid #fff;
|
|
||||||
z-index: 999;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
/* 可根据需要添加阴影或其他样式 */
|
|
||||||
}
|
|
||||||
.floating-ball .floating-ball-img[data-v-1da59535] {
|
|
||||||
width: 2.1875rem;
|
|
||||||
height: 2.1875rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-detail-left[data-v-00c1a064] {
|
|
||||||
height: 100%;
|
|
||||||
width: 45%;
|
|
||||||
}
|
|
||||||
.popup-detail-left .popup-detail-left-white[data-v-00c1a064] {
|
|
||||||
margin: 1.5625rem 0 0 1.5625rem;
|
|
||||||
width: 18.75rem;
|
|
||||||
height: 18.75rem;
|
|
||||||
background-color: rgba(255, 255, 255, 0.3);
|
|
||||||
display: flex;
|
|
||||||
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-left .popup-detail-left-white .popup-detail-left-white-img[data-v-00c1a064] {
|
|
||||||
width: 17.1875rem;
|
|
||||||
height: 17.1875rem;
|
|
||||||
}
|
|
||||||
.popup-detail-left .popup-detail-left-bottom[data-v-00c1a064] {
|
|
||||||
width: calc(100% - 2.1875rem);
|
|
||||||
margin-left: 2.1875rem;
|
|
||||||
height: 7.1875rem;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.popup-detail-right[data-v-00c1a064] {
|
|
||||||
height: 100%;
|
|
||||||
width: 55%;
|
|
||||||
padding: 0 1.5625rem;
|
|
||||||
}
|
|
||||||
.popup-detail-right .popup-detail-title[data-v-00c1a064] {
|
|
||||||
margin-top: 2.1875rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.popup-detail-right .popup-detail-title .popup-detail-weight[data-v-00c1a064] {
|
|
||||||
font-size: 1.40625rem;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
.popup-detail-right .popup-detail-title .popup-detail-gray[data-v-00c1a064] {
|
|
||||||
padding: 0.3125rem 0.9375rem;
|
|
||||||
background-color: #ceddff;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
}
|
|
||||||
.popup-small-card[data-v-00c1a064] {
|
|
||||||
width: 33%;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.popup-small-card .popup-small-circle[data-v-00c1a064] {
|
|
||||||
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-00c1a064] {
|
|
||||||
width: 0.9375rem;
|
|
||||||
height: 0.9375rem;
|
|
||||||
margin-top: -0.09375rem;
|
|
||||||
}
|
|
||||||
.popup-small-card .popup-small-number[data-v-00c1a064] {
|
|
||||||
color: #596278;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
margin-top: 0.3125rem;
|
|
||||||
}
|
|
||||||
.popup-small-card .popup-small-font[data-v-00c1a064] {
|
|
||||||
color: #596278;
|
|
||||||
font-size: 0.625rem;
|
|
||||||
margin-top: 0.15625rem;
|
|
||||||
}
|
|
||||||
.popup-small-shu[data-v-00c1a064] {
|
|
||||||
width: 0.0625rem;
|
|
||||||
height: 4.375rem;
|
|
||||||
margin-top: 1.5625rem;
|
|
||||||
background-color: rgba(255, 255, 255, 0.4);
|
|
||||||
}
|
|
||||||
.popup-weight[data-v-00c1a064] {
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
font-weight: 700;
|
|
||||||
margin: 0.46875rem 0;
|
|
||||||
}
|
|
||||||
.popup-right-father[data-v-00c1a064] {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.popup-right-father .popup-right-font-contain[data-v-00c1a064] {
|
|
||||||
display: flex;
|
|
||||||
width: 50%;
|
|
||||||
margin-bottom: 0.3125rem;
|
|
||||||
}
|
|
||||||
.popup-right-father .popup-right-font-contain .popup-font-left[data-v-00c1a064] {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
.popup-right-father .popup-right-font-contain .popup-font-right[data-v-00c1a064] {
|
|
||||||
font-size: 1rem;
|
|
||||||
color: #646464;
|
|
||||||
}
|
|
||||||
.swiper-left-buttons-big[data-v-00c1a064] {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 0.9375rem;
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
}
|
|
||||||
.swiper-left-buttons-big .swiper-left-button[data-v-00c1a064] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 7.1875rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
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-big .swiper-left-button-blue[data-v-00c1a064] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 7.1875rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
|
||||||
color: #fff;
|
|
||||||
border: 0.03125rem #fff solid;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-detail-left[data-v-63b6096e] {
|
|
||||||
height: 100%;
|
|
||||||
width: 45%;
|
|
||||||
}
|
|
||||||
.popup-detail-left .popup-detail-left-white[data-v-63b6096e] {
|
|
||||||
margin: 1.5625rem 0 0 1.5625rem;
|
|
||||||
width: 18.75rem;
|
|
||||||
height: 18.75rem;
|
|
||||||
background-color: rgba(255, 255, 255, 0.3);
|
|
||||||
display: flex;
|
|
||||||
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-left .popup-detail-left-white .popup-detail-left-white-img[data-v-63b6096e] {
|
|
||||||
width: 17.1875rem;
|
|
||||||
height: 17.1875rem;
|
|
||||||
}
|
|
||||||
.popup-detail-left .popup-detail-left-bottom[data-v-63b6096e] {
|
|
||||||
width: calc(100% - 2.1875rem);
|
|
||||||
margin-left: 2.1875rem;
|
|
||||||
height: 7.1875rem;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.popup-detail-right[data-v-63b6096e] {
|
|
||||||
height: 100%;
|
|
||||||
width: 55%;
|
|
||||||
padding: 0 1.5625rem;
|
|
||||||
}
|
|
||||||
.popup-detail-right .popup-detail-title[data-v-63b6096e] {
|
|
||||||
margin-top: 2.1875rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.popup-detail-right .popup-detail-title .popup-detail-weight[data-v-63b6096e] {
|
|
||||||
font-size: 1.40625rem;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
.popup-detail-right .popup-detail-title .popup-detail-gray[data-v-63b6096e] {
|
|
||||||
padding: 0.3125rem 0.9375rem;
|
|
||||||
background-color: #ceddff;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
}
|
|
||||||
.popup-small-card[data-v-63b6096e] {
|
|
||||||
width: 33%;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.popup-small-card .popup-small-circle[data-v-63b6096e] {
|
|
||||||
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-63b6096e] {
|
|
||||||
width: 0.9375rem;
|
|
||||||
height: 0.9375rem;
|
|
||||||
margin-top: -0.09375rem;
|
|
||||||
}
|
|
||||||
.popup-small-card .popup-small-number[data-v-63b6096e] {
|
|
||||||
color: #596278;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
margin-top: 0.3125rem;
|
|
||||||
}
|
|
||||||
.popup-small-card .popup-small-font[data-v-63b6096e] {
|
|
||||||
color: #596278;
|
|
||||||
font-size: 0.625rem;
|
|
||||||
margin-top: 0.15625rem;
|
|
||||||
}
|
|
||||||
.popup-small-shu[data-v-63b6096e] {
|
|
||||||
width: 0.0625rem;
|
|
||||||
height: 4.375rem;
|
|
||||||
margin-top: 1.5625rem;
|
|
||||||
background-color: rgba(255, 255, 255, 0.4);
|
|
||||||
}
|
|
||||||
.popup-weight[data-v-63b6096e] {
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
font-weight: 700;
|
|
||||||
margin: 0.46875rem 0;
|
|
||||||
}
|
|
||||||
.popup-right-father[data-v-63b6096e] {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.popup-right-father .popup-right-font-contain[data-v-63b6096e] {
|
|
||||||
display: flex;
|
|
||||||
width: 50%;
|
|
||||||
margin-bottom: 0.3125rem;
|
|
||||||
}
|
|
||||||
.popup-right-father .popup-right-font-contain .popup-font-left[data-v-63b6096e] {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
.popup-right-father .popup-right-font-contain .popup-font-right[data-v-63b6096e] {
|
|
||||||
font-size: 1rem;
|
|
||||||
color: #646464;
|
|
||||||
}
|
|
||||||
.swiper-left-buttons-big[data-v-63b6096e] {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 0.9375rem;
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
}
|
|
||||||
.swiper-left-buttons-big .swiper-left-button[data-v-63b6096e] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 7.1875rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
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-big .swiper-left-button-blue[data-v-63b6096e] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 7.1875rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
|
||||||
color: #fff;
|
|
||||||
border: 0.03125rem #fff solid;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 遮罩层样式 */
|
/* 遮罩层样式 */
|
||||||
.overlay[data-v-40fcca19] {
|
.overlay[data-v-40fcca19] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
@ -301,8 +13,6 @@
|
||||||
.drawer[data-v-40fcca19] {
|
.drawer[data-v-40fcca19] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: -90%;
|
|
||||||
width: 85%;
|
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
|
@ -329,7 +39,7 @@
|
||||||
width: 3.125rem;
|
width: 3.125rem;
|
||||||
height: 3.4375rem;
|
height: 3.4375rem;
|
||||||
/* border-radius 的两个值分别代表水平和垂直半径 */
|
/* border-radius 的两个值分别代表水平和垂直半径 */
|
||||||
border-radius: 50% ;
|
border-radius: 50%;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
background: linear-gradient(to bottom, #dfecfa, #c9dbee);
|
background: linear-gradient(to bottom, #dfecfa, #c9dbee);
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -345,7 +55,7 @@
|
||||||
transform: rotate(180deg);
|
transform: rotate(180deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.draw-all[data-v-4e05069f] {
|
.draw-all[data-v-90d18535] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -358,17 +68,17 @@
|
||||||
border-bottom-left-radius: 2.5rem;
|
border-bottom-left-radius: 2.5rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.draw-all .draw-flex[data-v-4e05069f] {
|
.draw-all .draw-flex[data-v-90d18535] {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.draw-all .draw-title[data-v-4e05069f] {
|
.draw-all .draw-title[data-v-90d18535] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 4.375rem;
|
height: 4.375rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding-top: 2.125rem;
|
padding-top: 2.125rem;
|
||||||
}
|
}
|
||||||
.draw-all .draw-title .draw-title-gun[data-v-4e05069f] {
|
.draw-all .draw-title .draw-title-gun[data-v-90d18535] {
|
||||||
margin-left: 1.875rem;
|
margin-left: 1.875rem;
|
||||||
margin-right: 0.625rem;
|
margin-right: 0.625rem;
|
||||||
width: 0.40625rem;
|
width: 0.40625rem;
|
||||||
|
@ -376,16 +86,16 @@
|
||||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||||
border-radius: 0.3125rem;
|
border-radius: 0.3125rem;
|
||||||
}
|
}
|
||||||
.draw-all .draw-title .draw-title-font[data-v-4e05069f] {
|
.draw-all .draw-title .draw-title-font[data-v-90d18535] {
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
.draw-all .draw-contain[data-v-4e05069f] {
|
.draw-all .draw-contain[data-v-90d18535] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100vh - 4.375rem);
|
height: calc(100vh - 4.375rem);
|
||||||
}
|
}
|
||||||
/* 弹窗遮罩层 */
|
/* 弹窗遮罩层 */
|
||||||
.modal[data-v-4e05069f] {
|
.modal[data-v-90d18535] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -400,25 +110,25 @@
|
||||||
/* 水平居中 */
|
/* 水平居中 */
|
||||||
}
|
}
|
||||||
/* 弹窗内容,宽高占屏幕70% */
|
/* 弹窗内容,宽高占屏幕70% */
|
||||||
.modal-content[data-v-4e05069f] {
|
.modal-content[data-v-90d18535] {
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
height: 80vh;
|
height: 80vh;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.draw-blue[data-v-4e05069f] {
|
.draw-blue[data-v-90d18535] {
|
||||||
color: #0090FF;
|
color: #0090FF;
|
||||||
font-size: 0.9375rem;
|
font-size: 0.9375rem;
|
||||||
margin-right: 1.40625rem;
|
margin-right: 1.40625rem;
|
||||||
margin-top: 0.46875rem;
|
margin-top: 0.46875rem;
|
||||||
}
|
}
|
||||||
.swiper-flex[data-v-4e05069f] {
|
.swiper-flex[data-v-90d18535] {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card[data-v-4e05069f] {
|
.swiper-flex .swiper-card[data-v-90d18535] {
|
||||||
margin: 0 0 0.9375rem 0.9375rem;
|
margin: 0 0 0.9375rem 0.9375rem;
|
||||||
width: 28.125rem;
|
width: 28.125rem;
|
||||||
height: 11.25rem;
|
height: 11.25rem;
|
||||||
|
@ -430,42 +140,42 @@
|
||||||
box-shadow: 0.15625rem 0.15625rem 0.3125rem 0 #839fcc;
|
box-shadow: 0.15625rem 0.15625rem 0.3125rem 0 #839fcc;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-top[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-top[data-v-90d18535] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 8.4375rem;
|
height: 8.4375rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-img[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-img[data-v-90d18535] {
|
||||||
width: 7.8125rem;
|
width: 7.8125rem;
|
||||||
height: 7.8125rem;
|
height: 7.8125rem;
|
||||||
margin-top: 0.625rem;
|
margin-top: 0.625rem;
|
||||||
margin-left: 0.9375rem;
|
margin-left: 0.9375rem;
|
||||||
margin-right: 0.3125rem;
|
margin-right: 0.3125rem;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card[data-v-90d18535] {
|
||||||
width: calc(100% - 8.125rem);
|
width: calc(100% - 8.125rem);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight[data-v-90d18535] {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top: 1.09375rem;
|
margin-top: 1.09375rem;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-left[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-left[data-v-90d18535] {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 1.09375rem;
|
font-size: 1.09375rem;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-right[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-right[data-v-90d18535] {
|
||||||
color: #FF6000;
|
color: #FF6000;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 0.9375rem;
|
font-size: 0.9375rem;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-noral[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-noral[data-v-90d18535] {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top: 0.46875rem;
|
margin-top: 0.46875rem;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-down[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-down[data-v-90d18535] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 2.8125rem;
|
height: 2.8125rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -473,33 +183,33 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-down .down-left[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-down .down-left[data-v-90d18535] {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left: 1.5625rem;
|
margin-left: 1.5625rem;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-down .down-left .down-left-weight[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-down .down-left .down-left-weight[data-v-90d18535] {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 0.78125rem;
|
font-size: 0.78125rem;
|
||||||
}
|
}
|
||||||
.swiper-flex .swiper-card .swiper-card-down .down-left .down-left-font[data-v-4e05069f] {
|
.swiper-flex .swiper-card .swiper-card-down .down-left .down-left-font[data-v-90d18535] {
|
||||||
font-size: 0.78125rem;
|
font-size: 0.78125rem;
|
||||||
}
|
}
|
||||||
.swiper-all-flex[data-v-4e05069f] {
|
.swiper-all-flex[data-v-90d18535] {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.swiper-gray[data-v-4e05069f] {
|
.swiper-gray[data-v-90d18535] {
|
||||||
color: #596278;
|
color: #596278;
|
||||||
font-size: 0.78125rem;
|
font-size: 0.78125rem;
|
||||||
}
|
}
|
||||||
.swiper-black[data-v-4e05069f] {
|
.swiper-black[data-v-90d18535] {
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
}
|
}
|
||||||
.delete-img[data-v-4e05069f] {
|
.delete-img[data-v-90d18535] {
|
||||||
width: 1.25rem;
|
width: 1.25rem;
|
||||||
height: 1.40625rem;
|
height: 1.40625rem;
|
||||||
margin-right: 1.25rem;
|
margin-right: 1.25rem;
|
||||||
}
|
}
|
||||||
.down-note[data-v-4e05069f] {
|
.down-note[data-v-90d18535] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 15%;
|
height: 15%;
|
||||||
|
@ -507,14 +217,14 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.downitems-center-says[data-v-4e05069f] {
|
.downitems-center-says[data-v-90d18535] {
|
||||||
display: flex;
|
display: flex;
|
||||||
color: #6F7FA3;
|
color: #6F7FA3;
|
||||||
font-size: 0.9375rem;
|
font-size: 0.9375rem;
|
||||||
margin-top: 0.78125rem;
|
margin-top: 0.78125rem;
|
||||||
margin-right: 1.875rem;
|
margin-right: 1.875rem;
|
||||||
}
|
}
|
||||||
.downitems-center-father[data-v-4e05069f] {
|
.downitems-center-father[data-v-90d18535] {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -525,11 +235,11 @@
|
||||||
margin-right: 0.3125rem;
|
margin-right: 0.3125rem;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.downitems-center-father .downitems-center-says-maike[data-v-4e05069f] {
|
.downitems-center-father .downitems-center-says-maike[data-v-90d18535] {
|
||||||
width: 0.9375rem;
|
width: 0.9375rem;
|
||||||
height: 0.9375rem;
|
height: 0.9375rem;
|
||||||
}
|
}
|
||||||
.down-note-title-input[data-v-4e05069f] {
|
.down-note-title-input[data-v-90d18535] {
|
||||||
width: calc(100% - 3.125rem);
|
width: calc(100% - 3.125rem);
|
||||||
margin-left: 1.25rem;
|
margin-left: 1.25rem;
|
||||||
margin-top: 0.6875rem;
|
margin-top: 0.6875rem;
|
||||||
|
@ -540,14 +250,14 @@
|
||||||
background-color: rgba(234, 243, 254, 0.6);
|
background-color: rgba(234, 243, 254, 0.6);
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
}
|
}
|
||||||
.down-button[data-v-4e05069f] {
|
.down-button[data-v-90d18535] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 8%;
|
height: 8%;
|
||||||
}
|
}
|
||||||
.down-button .swiper-left-button-blue[data-v-4e05069f] {
|
.down-button .swiper-left-button-blue[data-v-90d18535] {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -560,7 +270,7 @@
|
||||||
margin-right: 0.625rem;
|
margin-right: 0.625rem;
|
||||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
||||||
}
|
}
|
||||||
.down-button .swiper-left-button-orange[data-v-4e05069f] {
|
.down-button .swiper-left-button-orange[data-v-90d18535] {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -573,14 +283,14 @@
|
||||||
margin-right: 0.625rem;
|
margin-right: 0.625rem;
|
||||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
||||||
}
|
}
|
||||||
.char-count[data-v-4e05069f] {
|
.char-count[data-v-90d18535] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0.9375rem;
|
bottom: 0.9375rem;
|
||||||
right: 2.1875rem;
|
right: 2.1875rem;
|
||||||
color: #999;
|
color: #999;
|
||||||
font-size: 0.78125rem;
|
font-size: 0.78125rem;
|
||||||
}
|
}
|
||||||
.scroll-view[data-v-4e05069f] {
|
.scroll-view[data-v-90d18535] {
|
||||||
height: 75%;
|
height: 75%;
|
||||||
width: calc(100% - 2.5rem);
|
width: calc(100% - 2.5rem);
|
||||||
margin-left: 1.25rem;
|
margin-left: 1.25rem;
|
||||||
|
@ -590,6 +300,335 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.floating-ball[data-v-50fb1e51] {
|
||||||
|
position: fixed;
|
||||||
|
width: 4.375rem;
|
||||||
|
height: 4.375rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: linear-gradient(to bottom right, #3FBBFE, #A541FF);
|
||||||
|
border: 0.0625rem solid #fff;
|
||||||
|
z-index: 999;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
/* 可根据需要添加阴影或其他样式 */
|
||||||
|
}
|
||||||
|
.floating-ball .floating-ball-img[data-v-50fb1e51] {
|
||||||
|
width: 2.1875rem;
|
||||||
|
height: 2.1875rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-detail-left[data-v-9aaf76b2] {
|
||||||
|
height: 100%;
|
||||||
|
width: 45%;
|
||||||
|
}
|
||||||
|
.popup-detail-left .popup-detail-left-white[data-v-9aaf76b2] {
|
||||||
|
margin: 1.5625rem 0 0 1.5625rem;
|
||||||
|
width: 18.75rem;
|
||||||
|
height: 18.75rem;
|
||||||
|
background-color: rgba(255, 255, 255, 0.3);
|
||||||
|
display: flex;
|
||||||
|
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-left .popup-detail-left-white .popup-detail-left-white-img[data-v-9aaf76b2] {
|
||||||
|
width: 17.1875rem;
|
||||||
|
height: 17.1875rem;
|
||||||
|
}
|
||||||
|
.popup-detail-left .popup-detail-left-bottom[data-v-9aaf76b2] {
|
||||||
|
width: calc(100% - 2.1875rem);
|
||||||
|
margin-left: 2.1875rem;
|
||||||
|
height: 7.1875rem;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.popup-detail-right[data-v-9aaf76b2] {
|
||||||
|
height: 100%;
|
||||||
|
width: 55%;
|
||||||
|
padding: 0 1.5625rem;
|
||||||
|
}
|
||||||
|
.popup-detail-right .popup-detail-title[data-v-9aaf76b2] {
|
||||||
|
margin-top: 2.1875rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.popup-detail-right .popup-detail-title .popup-detail-weight[data-v-9aaf76b2] {
|
||||||
|
font-size: 1.40625rem;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.popup-detail-right .popup-detail-title .popup-detail-gray[data-v-9aaf76b2] {
|
||||||
|
padding: 0.3125rem 0.9375rem;
|
||||||
|
background-color: #ceddff;
|
||||||
|
border-radius: 0.9375rem;
|
||||||
|
}
|
||||||
|
.popup-small-card[data-v-9aaf76b2] {
|
||||||
|
width: 33%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.popup-small-card .popup-small-circle[data-v-9aaf76b2] {
|
||||||
|
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-9aaf76b2] {
|
||||||
|
width: 0.9375rem;
|
||||||
|
height: 0.9375rem;
|
||||||
|
margin-top: -0.09375rem;
|
||||||
|
}
|
||||||
|
.popup-small-card .popup-small-number[data-v-9aaf76b2] {
|
||||||
|
color: #596278;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 1.09375rem;
|
||||||
|
margin-top: 0.3125rem;
|
||||||
|
}
|
||||||
|
.popup-small-card .popup-small-font[data-v-9aaf76b2] {
|
||||||
|
color: #596278;
|
||||||
|
font-size: 0.625rem;
|
||||||
|
margin-top: 0.15625rem;
|
||||||
|
}
|
||||||
|
.popup-small-shu[data-v-9aaf76b2] {
|
||||||
|
width: 0.0625rem;
|
||||||
|
height: 4.375rem;
|
||||||
|
margin-top: 1.5625rem;
|
||||||
|
background-color: rgba(255, 255, 255, 0.4);
|
||||||
|
}
|
||||||
|
.popup-weight[data-v-9aaf76b2] {
|
||||||
|
font-size: 1.09375rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin: 0.46875rem 0;
|
||||||
|
}
|
||||||
|
.popup-right-father[data-v-9aaf76b2] {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.popup-right-father .popup-right-font-contain[data-v-9aaf76b2] {
|
||||||
|
display: flex;
|
||||||
|
width: 50%;
|
||||||
|
margin-bottom: 0.3125rem;
|
||||||
|
}
|
||||||
|
.popup-right-father .popup-right-font-contain .popup-font-left[data-v-9aaf76b2] {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.popup-right-father .popup-right-font-contain .popup-font-right[data-v-9aaf76b2] {
|
||||||
|
font-size: 1rem;
|
||||||
|
color: #646464;
|
||||||
|
}
|
||||||
|
.swiper-left-buttons-big[data-v-9aaf76b2] {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 0.9375rem;
|
||||||
|
font-size: 0.9375rem;
|
||||||
|
}
|
||||||
|
.swiper-left-buttons-big .swiper-left-button[data-v-9aaf76b2] {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 7.1875rem;
|
||||||
|
height: 2.5rem;
|
||||||
|
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-big .swiper-left-button-blue[data-v-9aaf76b2] {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 7.1875rem;
|
||||||
|
height: 2.5rem;
|
||||||
|
border-radius: 0.625rem;
|
||||||
|
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||||
|
color: #fff;
|
||||||
|
border: 0.03125rem #fff solid;
|
||||||
|
margin-right: 0.625rem;
|
||||||
|
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.plsbuy-contain[data-v-00391254] {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.plsbuy-contain .plsbuy-title[data-v-00391254] {
|
||||||
|
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.5);
|
||||||
|
background-blend-mode: screen;
|
||||||
|
isolation: isolate;
|
||||||
|
width: 35rem;
|
||||||
|
height: 7.8125rem;
|
||||||
|
margin-top: 1.5625rem;
|
||||||
|
border-radius: 0.9375rem;
|
||||||
|
box-shadow: 0.0625rem 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.3);
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.plsbuy-contain .plsbuy-title .plsbuy-title-img[data-v-00391254] {
|
||||||
|
height: 6.875rem;
|
||||||
|
width: 6.875rem;
|
||||||
|
margin-top: 0.3125rem;
|
||||||
|
margin-left: 0.625rem;
|
||||||
|
margin-right: 2.5rem;
|
||||||
|
}
|
||||||
|
.plsbuy-contain .plsbuy-card[data-v-00391254] {
|
||||||
|
margin-top: 0.625rem;
|
||||||
|
margin-left: 1.09375rem;
|
||||||
|
margin-right: 1.09375rem;
|
||||||
|
width: calc(100% - 2.1875rem);
|
||||||
|
border-radius: 0.9375rem;
|
||||||
|
position: relative;
|
||||||
|
height: 9.375rem;
|
||||||
|
/* 虚化覆盖层 */
|
||||||
|
}
|
||||||
|
.plsbuy-contain .plsbuy-card .blur-overlay[data-v-00391254] {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1.25rem;
|
||||||
|
/* 背景模糊效果 */
|
||||||
|
backdrop-filter: blur(0.09375rem);
|
||||||
|
-webkit-backdrop-filter: blur(0.09375rem);
|
||||||
|
/* 可选:为了更明显的虚化效果,可加个半透明背景 */
|
||||||
|
/* 层级关系:确保覆盖在背景内容之上 */
|
||||||
|
z-index: 2;
|
||||||
|
/* 如果页面使用 flex 布局或其他定位方式,根据需要进行调整 */
|
||||||
|
pointer-events: none;
|
||||||
|
/* 如果不希望干扰下面内容的点击,可加上此属性 */
|
||||||
|
}
|
||||||
|
.plsbuy-contain .plsbuy-card .plsbuy-card-heng[data-v-00391254] {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 3.125rem;
|
||||||
|
}
|
||||||
|
.plsbuy-title-font[data-v-00391254] {
|
||||||
|
height: 100%;
|
||||||
|
width: 25.625rem;
|
||||||
|
}
|
||||||
|
.plsbuy-title-font .plsbuy-title-weight[data-v-00391254] {
|
||||||
|
font-size: 1.09375rem;
|
||||||
|
font-weight: 700;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0.625rem 0;
|
||||||
|
}
|
||||||
|
.plsbuy-title-font .popup-right-font-contain[data-v-00391254] {
|
||||||
|
display: flex;
|
||||||
|
width: 50%;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.plsbuy-title-font .popup-font-left[data-v-00391254] {
|
||||||
|
font-size: 0.9375rem;
|
||||||
|
line-height: 0.9375rem;
|
||||||
|
color: #646464;
|
||||||
|
}
|
||||||
|
.plsbuy-title-font .popup-font-right[data-v-00391254] {
|
||||||
|
font-size: 0.9375rem;
|
||||||
|
line-height: 0.9375rem;
|
||||||
|
}
|
||||||
|
.plsbuy-title-flex[data-v-00391254] {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 0.625rem;
|
||||||
|
}
|
||||||
|
.plsbuy-weight[data-v-00391254] {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 1.09375rem;
|
||||||
|
margin-left: 1.5625rem;
|
||||||
|
}
|
||||||
|
.plsbuy-right-weight[data-v-00391254] {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 1.09375rem;
|
||||||
|
margin-left: 4.375rem;
|
||||||
|
}
|
||||||
|
.plsbuy-font-right[data-v-00391254] {
|
||||||
|
font-size: 0.9375rem;
|
||||||
|
line-height: 0.9375rem;
|
||||||
|
}
|
||||||
|
.plsbuy-jian[data-v-00391254] {
|
||||||
|
background-color: #D3E7FF;
|
||||||
|
width: 2.1875rem;
|
||||||
|
height: 2.1875rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 0.3125rem;
|
||||||
|
margin-left: 0.9375rem;
|
||||||
|
border: 0.03125rem solid #313A4E;
|
||||||
|
font-size: 1.09375rem;
|
||||||
|
}
|
||||||
|
.plsbuy-number[data-v-00391254] {
|
||||||
|
font-weight: 700;
|
||||||
|
margin: 0 0.625rem;
|
||||||
|
width: 1.25rem;
|
||||||
|
}
|
||||||
|
.plsbuy-jia[data-v-00391254] {
|
||||||
|
background-color: #D3E7FF;
|
||||||
|
width: 2.1875rem;
|
||||||
|
height: 2.1875rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 0.3125rem;
|
||||||
|
border: 0.03125rem solid #313A4E;
|
||||||
|
font-size: 1.09375rem;
|
||||||
|
}
|
||||||
|
.plsbuy-amount[data-v-00391254] {
|
||||||
|
width: 100%;
|
||||||
|
justify-content: end;
|
||||||
|
display: flex;
|
||||||
|
font-size: 1.09375rem;
|
||||||
|
margin-top: 0.625rem;
|
||||||
|
}
|
||||||
|
.plsbuy-amount .plsbuy-amount-font[data-v-00391254] {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.plsbuy-amount .plsbuy-amount-red[data-v-00391254] {
|
||||||
|
font-weight: 700;
|
||||||
|
color: red;
|
||||||
|
margin-right: 1.875rem;
|
||||||
|
}
|
||||||
|
.plsbuy-bottom[data-v-00391254] {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 0.9375rem;
|
||||||
|
height: 2.1875rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 1.09375rem;
|
||||||
|
}
|
||||||
|
.plsbuy-bottom .plsbuy-bottom-blue[data-v-00391254] {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 7.1875rem;
|
||||||
|
height: 2.5rem;
|
||||||
|
border-radius: 0.625rem;
|
||||||
|
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||||
|
color: #fff;
|
||||||
|
border: 0.03125rem #fff solid;
|
||||||
|
margin-right: 0.625rem;
|
||||||
|
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
.plsbuy-bottom .plsbuy-bottom-white[data-v-00391254] {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 7.1875rem;
|
||||||
|
height: 2.5rem;
|
||||||
|
border-radius: 0.625rem;
|
||||||
|
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||||
|
border: 0.03125rem #fff solid;
|
||||||
|
margin-right: 0.625rem;
|
||||||
|
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
.index-content-other[data-v-8856eb47] {
|
.index-content-other[data-v-8856eb47] {
|
||||||
width: calc(100% - 5.3125rem);
|
width: calc(100% - 5.3125rem);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -780,6 +819,18 @@
|
||||||
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0, 0, 0, 0.1);
|
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0, 0, 0, 0.1);
|
||||||
transition: opacity 0.4s ease;
|
transition: opacity 0.4s ease;
|
||||||
}
|
}
|
||||||
|
.popup-detail .popup-detail-content-plsbuy[data-v-8856eb47] {
|
||||||
|
display: flex;
|
||||||
|
width: 37.5rem;
|
||||||
|
height: 26.5625rem;
|
||||||
|
background: url("../../static/index/lightbgcnew.png") center / cover, rgba(255, 255, 255, 0.5);
|
||||||
|
background-blend-mode: screen;
|
||||||
|
border: 0.0625rem solid #fff;
|
||||||
|
/* 使用 screen 混合模式,让图像与白色混合变淡 */
|
||||||
|
border-radius: 0.9375rem;
|
||||||
|
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0, 0, 0, 0.1);
|
||||||
|
transition: opacity 0.4s ease;
|
||||||
|
}
|
||||||
.blackfont[data-v-8856eb47] {
|
.blackfont[data-v-8856eb47] {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: red;
|
color: red;
|
||||||
|
@ -2453,7 +2504,6 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin-left: 0.625rem;
|
margin-left: 0.625rem;
|
||||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.ball-yellow[data-v-a2a18362] {
|
.ball-yellow[data-v-a2a18362] {
|
||||||
|
@ -2467,6 +2517,17 @@
|
||||||
color: #A53600;
|
color: #A53600;
|
||||||
font-size: 0.78125rem;
|
font-size: 0.78125rem;
|
||||||
}
|
}
|
||||||
|
.ball-yellow-big[data-v-a2a18362] {
|
||||||
|
background: linear-gradient(to top right, #FF9F00, #FFDF2A);
|
||||||
|
width: 3.125rem;
|
||||||
|
height: 3.125rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 50%;
|
||||||
|
color: #A53600;
|
||||||
|
font-size: 1.09375rem;
|
||||||
|
}
|
||||||
.ball-red[data-v-a2a18362] {
|
.ball-red[data-v-a2a18362] {
|
||||||
background: #FF642F;
|
background: #FF642F;
|
||||||
width: 2.5rem;
|
width: 2.5rem;
|
||||||
|
|
Binary file not shown.
Loading…
Reference in New Issue