This commit is contained in:
Teng 2025-04-11 17:23:45 +08:00
parent 833dd460bd
commit edfffc175e
25 changed files with 1268 additions and 1081 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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 {

View File

@ -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

View File

@ -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>

View File

@ -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 @@
// 使watchisShow // 使watchisShow
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;
} }
} }

View File

@ -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;

View File

@ -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>

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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",

View File

@ -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": {

View File

@ -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] {

View File

@ -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;