4.10
This commit is contained in:
parent
94a4bf7e13
commit
833dd460bd
|
|
@ -93,6 +93,7 @@
|
|||
background: linear-gradient(to bottom, #dfecfa, #c9dbee);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
clip-path: inset(0 60% 0 0); /* 上 右 下 左，裁掉右半边 */
|
||||
.drawer-img {
|
||||
width: 25rpx;
|
||||
height: 25rpx;
|
||||
|
|
|
|||
|
|
@ -619,7 +619,6 @@
|
|||
let timerId = null;
|
||||
//点击左上角卡片的右侧菜单
|
||||
const openhuliList = (index : number) => {
|
||||
// console.log("????", index,drawer.value)
|
||||
drawer.value.openDrawer();
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,129 @@
|
|||
<template>
|
||||
<!-- 使用 view 作为悬浮球容器，通过绑定 style 进行定位 -->
|
||||
<view class="floating-ball" v-show="isShow"
|
||||
:style="{ left: ballLeft + 'px', top: ballTop + 'px' }"
|
||||
@touchstart="handleTouchStart"
|
||||
@touchmove="handleTouchMove"
|
||||
@touchend="handleTouchEnd"
|
||||
@touchcancel="handleTouchEnd">
|
||||
<image class="floating-ball-img" src="/static/index/caigouqingdan.png" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted,defineEmits } from 'vue';
|
||||
const props = defineProps({
|
||||
isShow: {
|
||||
type: Boolean,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
const emit = defineEmits(['clickBall'])
|
||||
// 定义悬浮球尺寸和长按阈值
|
||||
const ballWidth = 60; // 悬浮球宽度，单位 px，与 CSS 中保持一致
|
||||
const ballHeight = 60; // 悬浮球高度
|
||||
const longPressThreshold = 300; // 长按时间阈值（毫秒）
|
||||
|
||||
// 悬浮球当前位置
|
||||
const ballLeft = ref(1090);
|
||||
const ballTop = ref(120);
|
||||
|
||||
// 用于判断是否进入拖动状态
|
||||
const isDragging = ref(false);
|
||||
|
||||
// 记录初始按下时坐标以及悬浮球起始位置
|
||||
let startTouchX = 0;
|
||||
let startTouchY = 0;
|
||||
let initialLeft = 0;
|
||||
let initialTop = 0;
|
||||
let longPressTimer = null;
|
||||
|
||||
// 屏幕尺寸
|
||||
let windowWidth = 0;
|
||||
let windowHeight = 0;
|
||||
|
||||
onMounted(() => {
|
||||
// 获取系统信息，初始化屏幕宽高（uni-app API）
|
||||
const res = uni.getSystemInfoSync();
|
||||
windowWidth = res.windowWidth;
|
||||
windowHeight = res.windowHeight;
|
||||
});
|
||||
|
||||
// 触摸开始：记录初始位置，同时启动长按定时器
|
||||
function handleTouchStart(e) {
|
||||
const touch = e.touches[0];
|
||||
startTouchX = touch.clientX;
|
||||
startTouchY = touch.clientY;
|
||||
initialLeft = ballLeft.value;
|
||||
initialTop = ballTop.value;
|
||||
|
||||
// 设置定时器，达到长按后进入拖动状态
|
||||
longPressTimer = setTimeout(() => {
|
||||
isDragging.value = true;
|
||||
}, longPressThreshold);
|
||||
}
|
||||
|
||||
// 触摸移动：如果进入拖动状态，则计算新位置，同时限制悬浮球不超出屏幕边界
|
||||
function handleTouchMove(e) {
|
||||
// 如果尚未进入拖动状态，且手指移动距离较大，则可以提前进入拖动模式
|
||||
if (!isDragging.value) {
|
||||
const touch = e.touches[0];
|
||||
const deltaX = Math.abs(touch.clientX - startTouchX);
|
||||
const deltaY = Math.abs(touch.clientY - startTouchY);
|
||||
if(deltaX > 5 || deltaY > 5){
|
||||
clearTimeout(longPressTimer);
|
||||
isDragging.value = true;
|
||||
}
|
||||
}
|
||||
|
||||
// 正在拖动，更新悬浮球位置
|
||||
if(isDragging.value){
|
||||
const touch = e.touches[0];
|
||||
let newLeft = initialLeft + (touch.clientX - startTouchX);
|
||||
let newTop = initialTop + (touch.clientY - startTouchY);
|
||||
// 限制左右边界：不让超出屏幕（计算时需要考虑悬浮球自身尺寸）
|
||||
newLeft = Math.max(0, Math.min(newLeft, windowWidth - ballWidth));
|
||||
// 限制上下边界
|
||||
newTop = Math.max(0, Math.min(newTop, windowHeight - ballHeight));
|
||||
|
||||
ballLeft.value = newLeft;
|
||||
ballTop.value = newTop;
|
||||
}
|
||||
}
|
||||
|
||||
// 触摸结束或取消：若未进入拖动状态则视为点击，触发点击处理方法；否则结束拖动状态
|
||||
function handleTouchEnd(e) {
|
||||
clearTimeout(longPressTimer);
|
||||
if(isDragging.value){
|
||||
// 拖动结束后重置状态
|
||||
isDragging.value = false;
|
||||
} else {
|
||||
// 非拖动状态下，触发点击事件
|
||||
triggerClick();
|
||||
}
|
||||
}
|
||||
// 点击事件处理方法
|
||||
function triggerClick() {
|
||||
emit('clickBall')
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.floating-ball {
|
||||
position: fixed;
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(to bottom right,#3FBBFE,#A541FF);
|
||||
border: 2rpx solid #fff;
|
||||
z-index: 999;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* 可根据需要添加阴影或其他样式 */
|
||||
.floating-ball-img{
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -97,7 +97,7 @@
|
|||
</view>
|
||||
|
||||
<view class="swiper-left-buttons">
|
||||
<view class="swiper-left-button-blue">
|
||||
<view class="swiper-left-button-blue" @click="openBuy">
|
||||
请购
|
||||
</view>
|
||||
<view class="swiper-left-button">
|
||||
|
|
@ -114,67 +114,43 @@
|
|||
<view class="index-content-down">
|
||||
长春市朝阳区久泰开运养老服务有限公司
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<!-- 表格详情的的弹出层 -->
|
||||
<!-- 详情的的弹出层 -->
|
||||
<view v-show="detailisopen && isShow" class="popup-detail" @click="detailisopen=false">
|
||||
<view class="popup-detail-content" :style="{ opacity: detailisopacity ? 1 : 0 }" @click.stop>
|
||||
<view class="popup-detail-left">
|
||||
<view class="popup-detail-left-white">
|
||||
<image class="popup-detail-left-white-img" :src="`/static/index/project3.png`"
|
||||
@click="opendetail" />
|
||||
</view>
|
||||
<view class="popup-detail-left-bottom">
|
||||
<view class="popup-small-card">
|
||||
<view class="popup-small-circle">
|
||||
<image class="popup-small-circle-img" src="/static/index/saveUp.png" />
|
||||
</view>
|
||||
<view class="popup-small-number">1000</view>
|
||||
<view class="popup-small-font">库存上限</view>
|
||||
</view>
|
||||
<view class="popup-small-shu"></view>
|
||||
<view class="popup-small-card">
|
||||
<view class="popup-small-circle">
|
||||
<image class="popup-small-circle-img" src="/static/index/saveDown.png" />
|
||||
</view>
|
||||
<view class="popup-small-number">10</view>
|
||||
<view class="popup-small-font">库存下限</view>
|
||||
</view>
|
||||
<view class="popup-small-shu"></view>
|
||||
<view class="popup-small-card">
|
||||
<view class="popup-small-circle">
|
||||
<image class="popup-small-circle-img" src="/static/index/saveNumber.png" />
|
||||
</view>
|
||||
<view class="popup-small-number">50</view>
|
||||
<view class="popup-small-font">库存数量</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-detail-right">
|
||||
<view class="popup-detail-title">
|
||||
<view class="popup-detail-weight">
|
||||
纸尿裤-拉拉裤
|
||||
</view>
|
||||
<view class="popup-detail-gray">
|
||||
ZHYP044
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<info />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 请购的的弹出层 -->
|
||||
<view v-show="plsBuyIsopen && isShow" class="popup-detail" @click="plsBuyIsopen=false">
|
||||
<view class="popup-detail-content" :style="{ opacity: plsBuyisopacity ? 1 : 0 }" @click.stop>
|
||||
<plsbuy />
|
||||
</view>
|
||||
</view>
|
||||
<Drawer ref="drawer">
|
||||
<shoppingCar />
|
||||
</Drawer>
|
||||
<ball :isShow="isShow && !detailisopen && !plsBuyIsopen" @click="clickBall" />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
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 shoppingCar from "./shoppingCar/index.vue"
|
||||
const props = defineProps({
|
||||
isShow: {
|
||||
type: Boolean,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
|
||||
// 使用watch监听isShow变化
|
||||
const transition = ref(true);
|
||||
const drawer = ref(null);
|
||||
watch(
|
||||
() => props.isShow,
|
||||
(newVal, oldVal) => {
|
||||
|
|
@ -190,6 +166,9 @@
|
|||
// 表格弹窗
|
||||
const detailisopen = ref(false);
|
||||
const detailisopacity = ref(false);
|
||||
// 请购弹窗
|
||||
const plsBuyIsopen = ref(false);
|
||||
const plsBuyisopacity = ref(false);
|
||||
const isWarning = ref(false);
|
||||
// 初始化左侧菜单列表
|
||||
const buttonList = ref([
|
||||
|
|
@ -205,6 +184,16 @@
|
|||
detailisopacity.value = true
|
||||
}, 200)
|
||||
}
|
||||
const openBuy = () => {
|
||||
plsBuyIsopen.value = true;
|
||||
plsBuyisopacity.value = false;
|
||||
setTimeout(() => {
|
||||
plsBuyisopacity.value = true
|
||||
}, 200)
|
||||
}
|
||||
const clickBall = () =>{
|
||||
drawer.value.openDrawer();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
|
|
@ -223,7 +212,7 @@
|
|||
background-position: 70% 45%;
|
||||
border-radius: 50rpx;
|
||||
box-shadow: 4rpx 8rpx 16rpx 4rpx rgba(0, 0, 0, 0.3);
|
||||
border-radius: 1rpx solid #fff;
|
||||
// border-radius: 1rpx solid #fff;
|
||||
|
||||
.index-right-height {
|
||||
height: 20rpx;
|
||||
|
|
@ -262,7 +251,6 @@
|
|||
align-items: center;
|
||||
|
||||
.index-right-button {
|
||||
// width: 160rpx;
|
||||
height: 70rpx;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
|
|
@ -311,9 +299,7 @@
|
|||
height: 345rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 30rpx;
|
||||
/* 设置背景图和白色背景 */
|
||||
background: url("/static/index/clearmountain.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -327,7 +313,6 @@
|
|||
margin: 27rpx 0 20rpx 30rpx;
|
||||
width: 200rpx;
|
||||
height: 280rpx;
|
||||
// background-color: #fff;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
display: flex;
|
||||
border-radius: 30rpx;
|
||||
|
|
@ -339,14 +324,11 @@
|
|||
height: 200rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.swiper-card-right {
|
||||
height: 100%;
|
||||
width: 600rpx;
|
||||
// margin-left: 20rpx;
|
||||
|
||||
.swiper-right-title {
|
||||
margin-top: 35rpx;
|
||||
|
|
@ -386,9 +368,7 @@
|
|||
.swiper-heng {
|
||||
width: 90rpx;
|
||||
height: 10rpx;
|
||||
// background: linear-gradient(to right, #0EA7DD, #047ADB);
|
||||
border-radius: 30rpx;
|
||||
// margin-top: 10rpx;
|
||||
margin-bottom: 0rpx;
|
||||
}
|
||||
|
||||
|
|
@ -433,54 +413,7 @@
|
|||
box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||
transition: opacity 0.4s ease;
|
||||
|
||||
.popup-detail-left {
|
||||
height: 100%;
|
||||
width: 45%;
|
||||
|
||||
.popup-detail-left-white {
|
||||
margin: 70rpx 0 0rpx 70rpx;
|
||||
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: rgb(222,217,245);
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -497,8 +430,8 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 150rpx;
|
||||
height: 60rpx;
|
||||
width: 160rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 20rpx;
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 1rpx #fff solid;
|
||||
|
|
@ -510,13 +443,13 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 150rpx;
|
||||
height: 60rpx;
|
||||
width: 160rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 20rpx;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
border: 1rpx #fff solid;
|
||||
margin-right: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
|
@ -562,7 +495,8 @@
|
|||
margin-right: 10rpx;
|
||||
position: relative;
|
||||
}
|
||||
.bgc-white{
|
||||
|
||||
.bgc-white {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
|
|
@ -574,6 +508,7 @@
|
|||
margin-right: 10rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fourth-bgc {
|
||||
width: 170rpx;
|
||||
height: 80rpx;
|
||||
|
|
@ -589,11 +524,10 @@
|
|||
width: 30rpx;
|
||||
height: 40rpx;
|
||||
margin: 0 10rpx;
|
||||
// margin: 0 5rpx 0 10rpx;
|
||||
;
|
||||
}
|
||||
|
||||
.fourth-bgc-font {
|
||||
// margin: 0 5rpx 0 10rpx;
|
||||
color: #fff;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
|
@ -602,14 +536,12 @@
|
|||
.swiper-double {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
// justify-content: space-between;
|
||||
}
|
||||
|
||||
.red-pao {
|
||||
position: absolute;
|
||||
top: -10rpx;
|
||||
right: -10rpx;
|
||||
// right: 0;
|
||||
|
||||
padding: 3rpx 10rpx;
|
||||
background-color: #FF4C4E;
|
||||
color: #fff;
|
||||
|
|
@ -617,44 +549,5 @@
|
|||
border-radius: 20rpx;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
.popup-small-card {
|
||||
width: 33%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
.popup-small-circle{
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
border: 3rpx solid #0FA2FF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.popup-small-circle-img{
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-top: -3rpx;
|
||||
}
|
||||
}
|
||||
.popup-small-number{
|
||||
color: #596278 ;
|
||||
font-weight: 700;
|
||||
font-size: 35rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.popup-small-font{
|
||||
color: #596278 ;
|
||||
font-size: 20rpx;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
}
|
||||
.popup-small-shu{
|
||||
width: 2rpx;
|
||||
height: 140rpx;
|
||||
margin-top: 50rpx;
|
||||
background-color: rgba(255,255,255,0.4);
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,318 @@
|
|||
<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>
|
||||
|
|
@ -404,15 +404,6 @@
|
|||
Array.from({ length: 6 }, (_, index) => ({ cardType: index }))
|
||||
);
|
||||
const sliceArray = ref([]);
|
||||
// const sliceTheArray = (type:number) =>{
|
||||
// let saveArray = []
|
||||
// cardArray.value.forEach((element:any)=>{
|
||||
// if(element.cardType>=type){
|
||||
// saveArray.push(element)
|
||||
// }
|
||||
// })
|
||||
// sliceArray.value = saveArray
|
||||
// }
|
||||
const clickBall = (index : number) => {
|
||||
switch (index) {
|
||||
case 0:
|
||||
|
|
@ -432,12 +423,8 @@
|
|||
detailisopacity.value = true
|
||||
}, 200)
|
||||
}
|
||||
// const changeStateTarget = (e : any) => {
|
||||
// stateTarget.value = e.detail.value
|
||||
// }
|
||||
const calendarchange = (e : any) => {
|
||||
stateTarget.value = e.result
|
||||
// console.log("E",e.result)
|
||||
}
|
||||
onMounted(() => {
|
||||
sliceArray.value = cardArray.value;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,318 @@
|
|||
<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>
|
||||
|
|
@ -0,0 +1,408 @@
|
|||
<template>
|
||||
<view class="draw-all">
|
||||
<view class="draw-title">
|
||||
<view class="draw-flex">
|
||||
<view class="draw-title-gun"></view>
|
||||
<view class="draw-title-font">请购清单</view>
|
||||
</view>
|
||||
<view class="draw-blue">
|
||||
请购单号:A0120250301001
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-contain">
|
||||
<view class="scroll-view">
|
||||
<scroll-view scroll-y style="height: 93%;margin-top: 2%;" :show-scrollbar="false">
|
||||
<view class="swiper-flex">
|
||||
<view v-for="(item,index) in [1,1,1,1,1,1,1,1,1,1,1,1,1]" :key="index">
|
||||
<view class="swiper-card">
|
||||
<!-- 卡片内容 -->
|
||||
<view class="swiper-card-top">
|
||||
<image class="swiper-card-top-img" :src="`/static/index/project3.png`" />
|
||||
<view class="swiper-card-top-card">
|
||||
<view class="swiper-card-top-card-weight">
|
||||
<view class="weight-left">
|
||||
纸尿裤-拉拉裤
|
||||
</view>
|
||||
<view class="weight-right" style="width: 40%;">
|
||||
采购数量：50
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-card-top-card-noral">
|
||||
<view class="swiper-all-flex">
|
||||
<view class="swiper-gray">
|
||||
规格型号：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
800mm*690mm
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-card-top-card-noral">
|
||||
<view class="swiper-all-flex">
|
||||
<view class="swiper-gray">
|
||||
采购单位：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
片
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-all-flex" style="width: 40%;">
|
||||
<view class="swiper-gray">
|
||||
库存数量：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
50
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-card-top-card-noral">
|
||||
<view class="swiper-all-flex">
|
||||
<view class="swiper-gray">
|
||||
库存下限：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
10
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-all-flex" style="width: 40%;">
|
||||
<view class="swiper-gray">
|
||||
库存上限：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
1000
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-card-down">
|
||||
<view class="down-left">
|
||||
<view class="down-left-weight">
|
||||
供应商：
|
||||
</view>
|
||||
<view class="down-left-font">
|
||||
长春市永佳利商贸有限公司1
|
||||
</view>
|
||||
</view>
|
||||
<image class="delete-img" :src="`/static/index/deleteIt.png`" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<view class="down-note">
|
||||
<textarea class="down-note-title-input" v-model="note" maxlength="300" placeholder-style="color:#999"
|
||||
placeholder="请输入备注" />
|
||||
<text class="char-count">{{ note.length }}/300</text>
|
||||
</view>
|
||||
<view class="down-button">
|
||||
<view class="swiper-left-button-orange">
|
||||
清空
|
||||
</view>
|
||||
<view class="swiper-left-button-blue">
|
||||
保存
|
||||
</view>
|
||||
<view class="swiper-left-button-blue">
|
||||
提交
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, defineEmits, watch } from 'vue';
|
||||
const note = ref("");
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
// 抽屉的css
|
||||
.draw-all {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: url("/static/index/clearmountain.png") center/cover, rgba(255, 255, 255, 0.4);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
/* 白色背景透明度为 10% */
|
||||
// background-image: url('/static/index/mountain.png');
|
||||
// background-blend-mode: screen;
|
||||
// background-position: 30% 50%;
|
||||
border-top-left-radius: 80rpx;
|
||||
border-bottom-left-radius: 80rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.draw-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
// position: relative;
|
||||
.draw-title {
|
||||
width: 100%;
|
||||
height: 140rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-top: 68rpx;
|
||||
|
||||
.draw-title-gun {
|
||||
margin-left: 60rpx;
|
||||
margin-right: 20rpx;
|
||||
width: 13rpx;
|
||||
height: 50rpx;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.draw-title-font {
|
||||
font-size: 40rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
.draw-contain {
|
||||
width: 100%;
|
||||
height: calc(100vh - 140rpx);
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/* 弹窗遮罩层 */
|
||||
.modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
/* 半透明背景 */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* 垂直居中 */
|
||||
justify-content: center;
|
||||
/* 水平居中 */
|
||||
}
|
||||
|
||||
/* 弹窗内容，宽高占屏幕70% */
|
||||
.modal-content {
|
||||
width: 80vw;
|
||||
height: 80vh;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.draw-blue {
|
||||
color: #0090FF;
|
||||
font-size: 30rpx;
|
||||
margin-right: 45rpx;
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
|
||||
.swiper-flex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 0rpx;
|
||||
|
||||
.swiper-card {
|
||||
margin: 0 0 30rpx 30rpx;
|
||||
width: 900rpx;
|
||||
height: 360rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 30rpx;
|
||||
background: url("/static/index/blueMountain.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 5rpx 5rpx 10rpx 0rpx #839fcc;
|
||||
overflow: hidden;
|
||||
|
||||
.swiper-card-top {
|
||||
width: 100%;
|
||||
height: 270rpx;
|
||||
display: flex;
|
||||
|
||||
.swiper-card-top-img {
|
||||
width: 250rpx;
|
||||
height: 250rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.swiper-card-top-card {
|
||||
// background-color: #fff;
|
||||
width: calc(100% - 260rpx);
|
||||
height: 100%;
|
||||
|
||||
.swiper-card-top-card-weight {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 35rpx;
|
||||
|
||||
.weight-left {
|
||||
font-weight: 700;
|
||||
font-size: 35rpx;
|
||||
}
|
||||
|
||||
.weight-right {
|
||||
color: #FF6000;
|
||||
font-weight: 500;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-card-top-card-noral {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-card-down {
|
||||
width: 100%;
|
||||
height: 90rpx;
|
||||
display: flex;
|
||||
background: linear-gradient(to right, #ceddff, #f3effa, #d1dafe);
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.down-left {
|
||||
display: flex;
|
||||
margin-left: 50rpx;
|
||||
|
||||
.down-left-weight {
|
||||
font-weight: 700;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
|
||||
.down-left-font {
|
||||
font-size: 25rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-all-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.swiper-gray {
|
||||
color: #596278;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
|
||||
.swiper-black {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.delete-img {
|
||||
width: 40rpx;
|
||||
height: 45rpx;
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
|
||||
.down-note {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 15%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.downitems-center-says {
|
||||
display: flex;
|
||||
color: #6F7FA3;
|
||||
font-size: 30rpx;
|
||||
margin-top: 25rpx;
|
||||
margin-right: 60rpx;
|
||||
}
|
||||
|
||||
.downitems-center-father {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #BAC5DE;
|
||||
margin-right: 10rpx;
|
||||
margin-top: 0rpx;
|
||||
|
||||
.downitems-center-says-maike {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.down-note-title-input {
|
||||
width: calc(100% - 100rpx);
|
||||
margin-left: 40rpx;
|
||||
margin-top: 22rpx;
|
||||
height: 120rpx;
|
||||
font-size: 27rpx;
|
||||
border: 2rpx #a0adc8 solid;
|
||||
padding: 15rpx 0 15rpx 20rpx;
|
||||
background-color: rgba(234, 243, 254,0.6);
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
|
||||
.down-button {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 8%;
|
||||
|
||||
.swiper-left-button-blue {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 160rpx;
|
||||
height: 70rpx;
|
||||
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);
|
||||
}
|
||||
|
||||
.swiper-left-button-orange {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 160rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 20rpx;
|
||||
background: linear-gradient(to right bottom, #FF9323, #FF5038);
|
||||
color: #fff;
|
||||
border: 1rpx #fff solid;
|
||||
margin-right: 20rpx;
|
||||
box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.char-count {
|
||||
position: absolute;
|
||||
bottom: 30rpx;
|
||||
right: 70rpx;
|
||||
color: #999;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
|
||||
.scroll-view {
|
||||
height: 75%;
|
||||
width: calc(100% - 80rpx);
|
||||
margin-left: 40rpx;
|
||||
border-radius: 40rpx;
|
||||
border: 2rpx solid #fff;
|
||||
box-shadow: 4rpx 8rpx 16rpx 4rpx #839fcc;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -2,8 +2,8 @@
|
|||
"name" : "养老App",
|
||||
"appid" : "__UNI__FB2D473",
|
||||
"description" : "养老App",
|
||||
"versionName" : "1.0.6",
|
||||
"versionCode" : 106,
|
||||
"versionName" : "1.0.7",
|
||||
"versionCode" : 107,
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus" : {
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 986 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__FB2D473","name":"养老App","version":{"name":"1.0.6","code":106},"description":"养老App","developer":{"name":"","email":"","url":""},"permissions":{"Share":{},"Camera":{},"VideoPlayer":{},"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"autoclose":true,"delay":0,"target":"id:1","waiting":true},"popGesture":"close","launchwebview":{"render":"always","id":"1","kernel":"WKWebview"},"usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"distribute":{"icons":{"android":{"hdpi":"icon-android-hdpi.png","xhdpi":"icon-android-xhdpi.png","xxhdpi":"icon-android-xxhdpi.png","xxxhdpi":"icon-android-xxxhdpi.png"},"ios":{"appstore":"unpackage/res/icons/1024x1024.png","ipad":{"app":"unpackage/res/icons/76x76.png","app@2x":"unpackage/res/icons/152x152.png","notification":"unpackage/res/icons/20x20.png","notification@2x":"unpackage/res/icons/40x40.png","proapp@2x":"unpackage/res/icons/167x167.png","settings":"unpackage/res/icons/29x29.png","settings@2x":"unpackage/res/icons/58x58.png","spotlight":"unpackage/res/icons/40x40.png","spotlight@2x":"unpackage/res/icons/80x80.png"},"iphone":{"app@2x":"unpackage/res/icons/120x120.png","app@3x":"unpackage/res/icons/180x180.png","notification@2x":"unpackage/res/icons/40x40.png","notification@3x":"unpackage/res/icons/60x60.png","settings@2x":"unpackage/res/icons/58x58.png","settings@3x":"unpackage/res/icons/87x87.png","spotlight@2x":"unpackage/res/icons/80x80.png","spotlight@3x":"unpackage/res/icons/120x120.png"},"prerendered":"false"}},"google":{"abiFilters":["armeabi-v7a","arm64-v8a","x86"],"permissions":["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-feature android:name=\"android.hardware.camera\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"],"packagename":"uni.UNIFB2D473","aliasname":"__uni__fb2d473","password":"Z4Urhm9jqwqMGoeQNpGzJA==","storepwd":"Z4Urhm9jqwqMGoeQNpGzJA==","keypwd":"Z4Urhm9jqwqMGoeQNpGzJA==","keystore":"google-keystore.keystore","custompermissions":true},"apple":{"dSYMs":false,"devices":"universal"},"plugins":{"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}},"share":{"weixin":{"UniversalLinks":"","appid":"wxda748470da82886e"}}},"orientation":"portrait-primary"},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#F8F8F8"},"uniStatistics":{"enable":false},"allowsInlineMediaPlayback":true,"uni-app":{"control":"uni-v3","vueVersion":"3","compilerVersion":"4.57","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal","webView":{"minUserAgentVersion":"49.0"}},"adid":"122926210510"},"app-harmony":{"useragent":{"value":"uni-app","concatenate":true},"uniStatistics":{"enable":false}},"screenOrientation":["landscape-primary","landscape-secondary"],"launch_path":"__uniappview.html"}
|
||||
{"@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"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 986 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
File diff suppressed because one or more lines are too long
|
|
@ -7,8 +7,8 @@
|
|||
"id": "__UNI__FB2D473",
|
||||
"name": "养老App",
|
||||
"version": {
|
||||
"name": "1.0.6",
|
||||
"code": 106
|
||||
"name": "1.0.7",
|
||||
"code": 107
|
||||
},
|
||||
"description": "养老App",
|
||||
"developer": {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 986 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -57,7 +57,7 @@ if (uni.restoreGlobal) {
|
|||
}
|
||||
return target;
|
||||
};
|
||||
const _sfc_main$h = {
|
||||
const _sfc_main$l = {
|
||||
name: "ZyUpgrade",
|
||||
props: {
|
||||
theme: {
|
||||
|
|
@ -262,7 +262,7 @@ if (uni.restoreGlobal) {
|
|||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return vue.openBlock(), vue.createElementBlock(
|
||||
"view",
|
||||
{
|
||||
|
|
@ -372,8 +372,8 @@ if (uni.restoreGlobal) {
|
|||
/* CLASS */
|
||||
);
|
||||
}
|
||||
const ZyUpdate = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__scopeId", "data-v-bf1d6c35"], ["__file", "D:/hldy_app/component/zy-upgrade/zy-upgrade.vue"]]);
|
||||
const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
||||
const ZyUpdate = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$k], ["__scopeId", "data-v-bf1d6c35"], ["__file", "D:/hldy_app/component/zy-upgrade/zy-upgrade.vue"]]);
|
||||
const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
||||
__name: "index",
|
||||
setup(__props, { expose: __expose }) {
|
||||
__expose();
|
||||
|
|
@ -405,7 +405,7 @@ if (uni.restoreGlobal) {
|
|||
return __returned__;
|
||||
}
|
||||
});
|
||||
function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return vue.openBlock(), vue.createElementBlock(
|
||||
vue.Fragment,
|
||||
null,
|
||||
|
|
@ -447,9 +447,9 @@ if (uni.restoreGlobal) {
|
|||
/* STABLE_FRAGMENT */
|
||||
);
|
||||
}
|
||||
const PagesIndexIndex = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f], ["__scopeId", "data-v-1cf27b2a"], ["__file", "D:/hldy_app/pages/index/index.vue"]]);
|
||||
const _imports_0$5 = "/static/index/zuoyuan.png";
|
||||
const _sfc_main$f = {
|
||||
const PagesIndexIndex = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j], ["__scopeId", "data-v-1cf27b2a"], ["__file", "D:/hldy_app/pages/index/index.vue"]]);
|
||||
const _imports_0$7 = "/static/index/zuoyuan.png";
|
||||
const _sfc_main$j = {
|
||||
__name: "Drawer",
|
||||
setup(__props, { expose: __expose }) {
|
||||
const isVisible = vue.ref(false);
|
||||
|
|
@ -468,7 +468,7 @@ if (uni.restoreGlobal) {
|
|||
return __returned__;
|
||||
}
|
||||
};
|
||||
function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return vue.openBlock(), vue.createElementBlock("view", null, [
|
||||
vue.createCommentVNode(" 遮罩层 "),
|
||||
$setup.isVisible ? (vue.openBlock(), vue.createElementBlock("view", {
|
||||
|
|
@ -491,7 +491,7 @@ if (uni.restoreGlobal) {
|
|||
}, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "drawer-img",
|
||||
src: _imports_0$5
|
||||
src: _imports_0$7
|
||||
})
|
||||
]),
|
||||
vue.createCommentVNode(" 抽屉内容 "),
|
||||
|
|
@ -503,8 +503,8 @@ if (uni.restoreGlobal) {
|
|||
)
|
||||
]);
|
||||
}
|
||||
const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__scopeId", "data-v-40fcca19"], ["__file", "D:/hldy_app/component/public/Drawer.vue"]]);
|
||||
const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
||||
const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-40fcca19"], ["__file", "D:/hldy_app/component/public/Drawer.vue"]]);
|
||||
const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
|
||||
__name: "index",
|
||||
setup(__props, { expose: __expose }) {
|
||||
__expose();
|
||||
|
|
@ -545,18 +545,18 @@ if (uni.restoreGlobal) {
|
|||
return __returned__;
|
||||
}
|
||||
});
|
||||
const _imports_0$4 = "/static/index/teeth.png";
|
||||
const _imports_1$4 = "/static/index/helpdo/zero.png";
|
||||
const _imports_2$2 = "/static/index/helpdo/one.png";
|
||||
const _imports_0$6 = "/static/index/teeth.png";
|
||||
const _imports_1$5 = "/static/index/helpdo/zero.png";
|
||||
const _imports_2$3 = "/static/index/helpdo/one.png";
|
||||
const _imports_3$2 = "/static/index/helpdo/two.png";
|
||||
const _imports_4$1 = "/static/index/helpdo/laba.png";
|
||||
const _imports_5$1 = "/static/index/helpdo/three.png";
|
||||
const _imports_6$1 = "/static/index/helpdo/video.png";
|
||||
const _imports_4 = "/static/index/helpdo/laba.png";
|
||||
const _imports_5 = "/static/index/helpdo/three.png";
|
||||
const _imports_6 = "/static/index/helpdo/video.png";
|
||||
const _imports_7 = "/static/index/helpdo/xian.png";
|
||||
const _imports_8 = "/static/index/helpdo/maike.png";
|
||||
const _imports_9 = "/static/index/helpdo/people.png";
|
||||
const _imports_10 = "/static/index/ceshi.mp4";
|
||||
function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
function _sfc_render$h(_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-title-gun" }),
|
||||
|
|
@ -568,19 +568,19 @@ if (uni.restoreGlobal) {
|
|||
vue.createElementVNode("view", { class: "downitems-left-mar" }, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "downitems-left-img",
|
||||
src: _imports_0$4
|
||||
src: _imports_0$6
|
||||
}),
|
||||
vue.createElementVNode("view", { class: "downitems-left-father" }, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "downitems-father-img",
|
||||
src: _imports_1$4
|
||||
src: _imports_1$5
|
||||
}),
|
||||
vue.createElementVNode("view", { class: "downitems-father-font" }, "清洁照料")
|
||||
]),
|
||||
vue.createElementVNode("view", { class: "downitems-left-father" }, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "downitems-father-img",
|
||||
src: _imports_2$2
|
||||
src: _imports_2$3
|
||||
}),
|
||||
vue.createElementVNode("view", { class: "downitems-father-font" }, "四肢清洁")
|
||||
]),
|
||||
|
|
@ -592,13 +592,13 @@ if (uni.restoreGlobal) {
|
|||
vue.createElementVNode("view", { class: "downitems-father-font-laba" }, "协助清洁（四肢）"),
|
||||
vue.createElementVNode("image", {
|
||||
class: "downitems-father-img-laba",
|
||||
src: _imports_4$1
|
||||
src: _imports_4
|
||||
})
|
||||
]),
|
||||
vue.createElementVNode("view", { class: "downitems-left-father" }, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "downitems-father-img",
|
||||
src: _imports_5$1
|
||||
src: _imports_5
|
||||
}),
|
||||
vue.createElementVNode("view", { class: "downitems-father-font-small" }, "准备清水，一次性面巾，香皂，清洁后涂身体保湿乳。")
|
||||
]),
|
||||
|
|
@ -608,7 +608,7 @@ if (uni.restoreGlobal) {
|
|||
}, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "downitems-kuai-img",
|
||||
src: _imports_6$1
|
||||
src: _imports_6
|
||||
})
|
||||
]),
|
||||
vue.createElementVNode("view", { class: "downitems-says" }, " 视频讲解 ")
|
||||
|
|
@ -779,8 +779,8 @@ if (uni.restoreGlobal) {
|
|||
])
|
||||
]);
|
||||
}
|
||||
const transferExecution = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d], ["__scopeId", "data-v-166ac27f"], ["__file", "D:/hldy_app/component/rightItemsindex/transferExecution/index.vue"]]);
|
||||
const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
|
||||
const transferExecution = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$h], ["__scopeId", "data-v-166ac27f"], ["__file", "D:/hldy_app/component/rightItemsindex/transferExecution/index.vue"]]);
|
||||
const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
isshow: {
|
||||
|
|
@ -960,9 +960,9 @@ if (uni.restoreGlobal) {
|
|||
return __returned__;
|
||||
}
|
||||
});
|
||||
const _imports_0$3 = "/static/index/customer.png";
|
||||
const _imports_1$3 = "/static/index/undericons/upguang.png";
|
||||
function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
const _imports_0$5 = "/static/index/customer.png";
|
||||
const _imports_1$4 = "/static/index/undericons/upguang.png";
|
||||
function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return vue.openBlock(), vue.createElementBlock(
|
||||
"view",
|
||||
{
|
||||
|
|
@ -1369,7 +1369,7 @@ if (uni.restoreGlobal) {
|
|||
}, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "right-container-card-right-img",
|
||||
src: _imports_0$3
|
||||
src: _imports_0$5
|
||||
})
|
||||
]);
|
||||
}),
|
||||
|
|
@ -2045,7 +2045,7 @@ if (uni.restoreGlobal) {
|
|||
"image",
|
||||
{
|
||||
class: "under-father-light",
|
||||
src: _imports_1$3
|
||||
src: _imports_1$4
|
||||
},
|
||||
null,
|
||||
512
|
||||
|
|
@ -2092,7 +2092,7 @@ if (uni.restoreGlobal) {
|
|||
/* STYLE */
|
||||
);
|
||||
}
|
||||
const rightItemsfirst = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c], ["__scopeId", "data-v-9f74ebdb"], ["__file", "D:/hldy_app/component/rightItemsindex/index.vue"]]);
|
||||
const rightItemsfirst = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__scopeId", "data-v-9f74ebdb"], ["__file", "D:/hldy_app/component/rightItemsindex/index.vue"]]);
|
||||
const base_url = "http://192.168.2.199:8081/nursing-unit_001";
|
||||
const timeout$1 = 5e3;
|
||||
const index = (params) => {
|
||||
|
|
@ -3787,7 +3787,7 @@ if (uni.restoreGlobal) {
|
|||
"key": "1902560510768549889"
|
||||
}
|
||||
];
|
||||
const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
||||
const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
isshow: {
|
||||
|
|
@ -4732,11 +4732,11 @@ if (uni.restoreGlobal) {
|
|||
return __returned__;
|
||||
}
|
||||
});
|
||||
const _imports_0$2 = "/static/index/shexiang.png";
|
||||
const _imports_1$2 = "/static/index/cheng.png";
|
||||
const _imports_2$1 = "/static/index/deleteicon.png";
|
||||
const _imports_0$4 = "/static/index/shexiang.png";
|
||||
const _imports_1$3 = "/static/index/cheng.png";
|
||||
const _imports_2$2 = "/static/index/deleteicon.png";
|
||||
const _imports_3$1 = "/static/index/NU.png";
|
||||
function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
var _a, _b, _c, _d;
|
||||
return vue.openBlock(), vue.createElementBlock(
|
||||
vue.Fragment,
|
||||
|
|
@ -4886,7 +4886,7 @@ if (uni.restoreGlobal) {
|
|||
}, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "doctorsay-container-card-img",
|
||||
src: _imports_0$2
|
||||
src: _imports_0$4
|
||||
}),
|
||||
vue.createElementVNode("view", { class: "doctorsay-container-card-font-dark" }, " 监控 ")
|
||||
])
|
||||
|
|
@ -5354,7 +5354,7 @@ if (uni.restoreGlobal) {
|
|||
vue.createElementVNode("view", { class: "popup-song-father" }, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "shu-up-img",
|
||||
src: _imports_1$2
|
||||
src: _imports_1$3
|
||||
}),
|
||||
vue.createElementVNode("view", { class: "shu-up-font" }, [
|
||||
vue.createElementVNode(
|
||||
|
|
@ -5629,7 +5629,7 @@ if (uni.restoreGlobal) {
|
|||
[
|
||||
vue.createElementVNode("image", {
|
||||
class: "popup-delete-img",
|
||||
src: _imports_2$1
|
||||
src: _imports_2$2
|
||||
}),
|
||||
vue.createElementVNode(
|
||||
"view",
|
||||
|
|
@ -5677,7 +5677,7 @@ if (uni.restoreGlobal) {
|
|||
[
|
||||
vue.createElementVNode("image", {
|
||||
class: "popup-delete-img",
|
||||
src: _imports_2$1
|
||||
src: _imports_2$2
|
||||
}),
|
||||
vue.createElementVNode(
|
||||
"view",
|
||||
|
|
@ -5769,8 +5769,8 @@ if (uni.restoreGlobal) {
|
|||
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
||||
);
|
||||
}
|
||||
const rightItemssecond = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b], ["__scopeId", "data-v-337bb5da"], ["__file", "D:/hldy_app/component/rightItemssecond/index.vue"]]);
|
||||
const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
|
||||
const rightItemssecond = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f], ["__scopeId", "data-v-337bb5da"], ["__file", "D:/hldy_app/component/rightItemssecond/index.vue"]]);
|
||||
const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
|
||||
__name: "index",
|
||||
setup(__props, { expose: __expose }) {
|
||||
__expose();
|
||||
|
|
@ -5957,8 +5957,8 @@ if (uni.restoreGlobal) {
|
|||
return __returned__;
|
||||
}
|
||||
});
|
||||
const _imports_0$1 = "/static/index/oldman.png";
|
||||
function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
const _imports_0$3 = "/static/index/oldman.png";
|
||||
function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return vue.openBlock(), vue.createElementBlock(
|
||||
"view",
|
||||
{
|
||||
|
|
@ -6072,7 +6072,7 @@ if (uni.restoreGlobal) {
|
|||
vue.createElementVNode("view", { class: "left-head" }, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "left-head-img",
|
||||
src: _imports_0$1
|
||||
src: _imports_0$3
|
||||
}),
|
||||
vue.createElementVNode(
|
||||
"text",
|
||||
|
|
@ -6147,7 +6147,528 @@ if (uni.restoreGlobal) {
|
|||
/* CLASS, NEED_HYDRATION */
|
||||
);
|
||||
}
|
||||
const PagesNursingIndex = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__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 _imports_0$2 = "/static/index/caigouqingdan.png";
|
||||
const ballWidth = 60;
|
||||
const ballHeight = 60;
|
||||
const longPressThreshold = 300;
|
||||
const _sfc_main$e = {
|
||||
__name: "ball",
|
||||
props: {
|
||||
isShow: {
|
||||
type: Boolean,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
emits: ["clickBall"],
|
||||
setup(__props, { expose: __expose, emit: __emit }) {
|
||||
__expose();
|
||||
const props = __props;
|
||||
const emit = __emit;
|
||||
const ballLeft = vue.ref(1090);
|
||||
const ballTop = vue.ref(120);
|
||||
const isDragging = vue.ref(false);
|
||||
let startTouchX = 0;
|
||||
let startTouchY = 0;
|
||||
let initialLeft = 0;
|
||||
let initialTop = 0;
|
||||
let longPressTimer = null;
|
||||
let windowWidth = 0;
|
||||
let windowHeight = 0;
|
||||
vue.onMounted(() => {
|
||||
const res = uni.getSystemInfoSync();
|
||||
windowWidth = res.windowWidth;
|
||||
windowHeight = res.windowHeight;
|
||||
});
|
||||
function handleTouchStart(e) {
|
||||
const touch = e.touches[0];
|
||||
startTouchX = touch.clientX;
|
||||
startTouchY = touch.clientY;
|
||||
initialLeft = ballLeft.value;
|
||||
initialTop = ballTop.value;
|
||||
longPressTimer = setTimeout(() => {
|
||||
isDragging.value = true;
|
||||
}, longPressThreshold);
|
||||
}
|
||||
function handleTouchMove(e) {
|
||||
if (!isDragging.value) {
|
||||
const touch = e.touches[0];
|
||||
const deltaX = Math.abs(touch.clientX - startTouchX);
|
||||
const deltaY = Math.abs(touch.clientY - startTouchY);
|
||||
if (deltaX > 5 || deltaY > 5) {
|
||||
clearTimeout(longPressTimer);
|
||||
isDragging.value = true;
|
||||
}
|
||||
}
|
||||
if (isDragging.value) {
|
||||
const touch = e.touches[0];
|
||||
let newLeft = initialLeft + (touch.clientX - startTouchX);
|
||||
let newTop = initialTop + (touch.clientY - startTouchY);
|
||||
newLeft = Math.max(0, Math.min(newLeft, windowWidth - ballWidth));
|
||||
newTop = Math.max(0, Math.min(newTop, windowHeight - ballHeight));
|
||||
ballLeft.value = newLeft;
|
||||
ballTop.value = newTop;
|
||||
}
|
||||
}
|
||||
function handleTouchEnd(e) {
|
||||
clearTimeout(longPressTimer);
|
||||
if (isDragging.value) {
|
||||
isDragging.value = false;
|
||||
} else {
|
||||
triggerClick();
|
||||
}
|
||||
}
|
||||
function triggerClick() {
|
||||
emit("clickBall");
|
||||
}
|
||||
const __returned__ = { props, emit, ballWidth, ballHeight, longPressThreshold, ballLeft, ballTop, isDragging, get startTouchX() {
|
||||
return startTouchX;
|
||||
}, set startTouchX(v) {
|
||||
startTouchX = v;
|
||||
}, get startTouchY() {
|
||||
return startTouchY;
|
||||
}, set startTouchY(v) {
|
||||
startTouchY = v;
|
||||
}, get initialLeft() {
|
||||
return initialLeft;
|
||||
}, set initialLeft(v) {
|
||||
initialLeft = v;
|
||||
}, get initialTop() {
|
||||
return initialTop;
|
||||
}, set initialTop(v) {
|
||||
initialTop = v;
|
||||
}, get longPressTimer() {
|
||||
return longPressTimer;
|
||||
}, set longPressTimer(v) {
|
||||
longPressTimer = v;
|
||||
}, get windowWidth() {
|
||||
return windowWidth;
|
||||
}, set windowWidth(v) {
|
||||
windowWidth = v;
|
||||
}, get windowHeight() {
|
||||
return windowHeight;
|
||||
}, set windowHeight(v) {
|
||||
windowHeight = v;
|
||||
}, handleTouchStart, handleTouchMove, handleTouchEnd, triggerClick, ref: vue.ref, onMounted: vue.onMounted };
|
||||
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(
|
||||
vue.Fragment,
|
||||
null,
|
||||
[
|
||||
vue.createCommentVNode(" 使用 view 作为悬浮球容器，通过绑定 style 进行定位 "),
|
||||
vue.withDirectives(vue.createElementVNode(
|
||||
"view",
|
||||
{
|
||||
class: "floating-ball",
|
||||
style: vue.normalizeStyle({ left: $setup.ballLeft + "px", top: $setup.ballTop + "px" }),
|
||||
onTouchstart: $setup.handleTouchStart,
|
||||
onTouchmove: $setup.handleTouchMove,
|
||||
onTouchend: $setup.handleTouchEnd,
|
||||
onTouchcancel: $setup.handleTouchEnd
|
||||
},
|
||||
[
|
||||
vue.createElementVNode("image", {
|
||||
class: "floating-ball-img",
|
||||
src: _imports_0$2
|
||||
})
|
||||
],
|
||||
36
|
||||
/* STYLE, NEED_HYDRATION */
|
||||
), [
|
||||
[vue.vShow, $props.isShow]
|
||||
])
|
||||
],
|
||||
2112
|
||||
/* 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 _imports_0$1 = "/static/index/saveUp.png";
|
||||
const _imports_1$2 = "/static/index/saveDown.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 = {};
|
||||
function _sfc_render$b(_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 plsbuy = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b], ["__scopeId", "data-v-63b6096e"], ["__file", "D:/hldy_app/component/storeroom/plsbuy.vue"]]);
|
||||
const _sfc_main$b = /* @__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$a(_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$b, [["render", _sfc_render$a], ["__scopeId", "data-v-4e05069f"], ["__file", "D:/hldy_app/component/storeroom/shoppingCar/index.vue"]]);
|
||||
const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
|
|
@ -6160,6 +6681,7 @@ if (uni.restoreGlobal) {
|
|||
__expose();
|
||||
const props = __props;
|
||||
const transition = vue.ref(true);
|
||||
const drawer = vue.ref(null);
|
||||
vue.watch(
|
||||
() => props.isShow,
|
||||
(newVal, oldVal) => {
|
||||
|
|
@ -6173,6 +6695,8 @@ if (uni.restoreGlobal) {
|
|||
);
|
||||
const detailisopen = vue.ref(false);
|
||||
const detailisopacity = vue.ref(false);
|
||||
const plsBuyIsopen = vue.ref(false);
|
||||
const plsBuyisopacity = vue.ref(false);
|
||||
const isWarning = vue.ref(false);
|
||||
const buttonList = vue.ref([
|
||||
// { url: '/static/index/Warehousing/zuoce.png', name: '请购单' },
|
||||
|
|
@ -6186,7 +6710,17 @@ if (uni.restoreGlobal) {
|
|||
detailisopacity.value = true;
|
||||
}, 200);
|
||||
};
|
||||
const __returned__ = { props, transition, detailisopen, detailisopacity, isWarning, buttonList, opendetail };
|
||||
const openBuy = () => {
|
||||
plsBuyIsopen.value = true;
|
||||
plsBuyisopacity.value = false;
|
||||
setTimeout(() => {
|
||||
plsBuyisopacity.value = true;
|
||||
}, 200);
|
||||
};
|
||||
const clickBall = () => {
|
||||
drawer.value.openDrawer();
|
||||
};
|
||||
const __returned__ = { props, transition, drawer, detailisopen, detailisopacity, plsBuyIsopen, plsBuyisopacity, isWarning, buttonList, opendetail, openBuy, clickBall, ball, info, plsbuy, Drawer, shoppingCar };
|
||||
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
||||
return __returned__;
|
||||
}
|
||||
|
|
@ -6195,9 +6729,6 @@ if (uni.restoreGlobal) {
|
|||
const _imports_1$1 = "/static/index/Warehousing/secondbutton.png";
|
||||
const _imports_2 = "/static/index/Warehousing/thirdbutton.png";
|
||||
const _imports_3 = "/static/index/Warehousing/fourthbutton.png";
|
||||
const _imports_4 = "/static/index/saveUp.png";
|
||||
const _imports_5 = "/static/index/saveDown.png";
|
||||
const _imports_6 = "/static/index/saveNumber.png";
|
||||
function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return vue.openBlock(), vue.createElementBlock(
|
||||
vue.Fragment,
|
||||
|
|
@ -6369,7 +6900,10 @@ if (uni.restoreGlobal) {
|
|||
])
|
||||
]),
|
||||
vue.createElementVNode("view", { class: "swiper-left-buttons" }, [
|
||||
vue.createElementVNode("view", { class: "swiper-left-button-blue" }, " 请购 "),
|
||||
vue.createElementVNode("view", {
|
||||
class: "swiper-left-button-blue",
|
||||
onClick: $setup.openBuy
|
||||
}, " 请购 "),
|
||||
vue.createElementVNode("view", { class: "swiper-left-button" }, " 出入库 ")
|
||||
])
|
||||
])
|
||||
|
|
@ -6390,7 +6924,7 @@ if (uni.restoreGlobal) {
|
|||
), [
|
||||
[vue.vShow, $props.isShow]
|
||||
]),
|
||||
vue.createCommentVNode(" 表格详情的的弹出层 "),
|
||||
vue.createCommentVNode(" 详情的的弹出层 "),
|
||||
vue.withDirectives(vue.createElementVNode(
|
||||
"view",
|
||||
{
|
||||
|
|
@ -6407,55 +6941,7 @@ if (uni.restoreGlobal) {
|
|||
}, ["stop"]))
|
||||
},
|
||||
[
|
||||
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`,
|
||||
onClick: $setup.opendetail
|
||||
}, 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_4
|
||||
})
|
||||
]),
|
||||
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_5
|
||||
})
|
||||
]),
|
||||
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_6
|
||||
})
|
||||
]),
|
||||
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.createVNode($setup["info"])
|
||||
],
|
||||
4
|
||||
/* STYLE */
|
||||
|
|
@ -6465,7 +6951,52 @@ if (uni.restoreGlobal) {
|
|||
/* NEED_PATCH */
|
||||
), [
|
||||
[vue.vShow, $setup.detailisopen && $props.isShow]
|
||||
])
|
||||
]),
|
||||
vue.createCommentVNode(" 请购的的弹出层 "),
|
||||
vue.withDirectives(vue.createElementVNode(
|
||||
"view",
|
||||
{
|
||||
class: "popup-detail",
|
||||
onClick: _cache[4] || (_cache[4] = ($event) => $setup.plsBuyIsopen = false)
|
||||
},
|
||||
[
|
||||
vue.createElementVNode(
|
||||
"view",
|
||||
{
|
||||
class: "popup-detail-content",
|
||||
style: vue.normalizeStyle({ opacity: $setup.plsBuyisopacity ? 1 : 0 }),
|
||||
onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
|
||||
}, ["stop"]))
|
||||
},
|
||||
[
|
||||
vue.createVNode($setup["plsbuy"])
|
||||
],
|
||||
4
|
||||
/* STYLE */
|
||||
)
|
||||
],
|
||||
512
|
||||
/* NEED_PATCH */
|
||||
), [
|
||||
[vue.vShow, $setup.plsBuyIsopen && $props.isShow]
|
||||
]),
|
||||
vue.createVNode(
|
||||
$setup["Drawer"],
|
||||
{ ref: "drawer" },
|
||||
{
|
||||
default: vue.withCtx(() => [
|
||||
vue.createVNode($setup["shoppingCar"])
|
||||
]),
|
||||
_: 1
|
||||
/* STABLE */
|
||||
},
|
||||
512
|
||||
/* NEED_PATCH */
|
||||
),
|
||||
vue.createVNode($setup["ball"], {
|
||||
isShow: $props.isShow && !$setup.detailisopen && !$setup.plsBuyIsopen,
|
||||
onClick: $setup.clickBall
|
||||
}, null, 8, ["isShow"])
|
||||
],
|
||||
64
|
||||
/* STABLE_FRAGMENT */
|
||||
|
|
@ -8787,7 +9318,7 @@ if (uni.restoreGlobal) {
|
|||
vue.createElementVNode("view", { class: "index-title-left" }, [
|
||||
vue.createElementVNode("image", {
|
||||
class: "index-title-left-img",
|
||||
src: _imports_0$3
|
||||
src: _imports_0$5
|
||||
}),
|
||||
vue.createElementVNode("view", { class: "index-title-left-font" }, " 王金福 "),
|
||||
vue.createElementVNode("view", { class: "index-title-left-wel" }, " 欢迎 "),
|
||||
|
|
|
|||
|
|
@ -7,8 +7,8 @@
|
|||
"id": "__UNI__FB2D473",
|
||||
"name": "养老App",
|
||||
"version": {
|
||||
"name": "1.0.6",
|
||||
"code": 106
|
||||
"name": "1.0.7",
|
||||
"code": 107
|
||||
},
|
||||
"description": "养老App",
|
||||
"developer": {
|
||||
|
|
|
|||
|
|
@ -46,6 +46,9 @@
|
|||
background: linear-gradient(to bottom, #dfecfa, #c9dbee);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
-webkit-clip-path: inset(0 60% 0 0);
|
||||
clip-path: inset(0 60% 0 0);
|
||||
/* 上 右 下 左，裁掉右半边 */
|
||||
}
|
||||
.drawer-content .drawer-content-circle .drawer-img[data-v-40fcca19] {
|
||||
width: 0.78125rem;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,595 @@
|
|||
.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] {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999;
|
||||
/* 确保遮罩层在抽屉下方 */
|
||||
}
|
||||
/* 抽屉样式 */
|
||||
.drawer[data-v-40fcca19] {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: -90%;
|
||||
width: 85%;
|
||||
height: 100vh;
|
||||
background: #fff;
|
||||
z-index: 1000;
|
||||
/* 确保抽屉在遮罩层上方 */
|
||||
transition: right 0.5s ease;
|
||||
border-top-left-radius: 2.5rem;
|
||||
/* 设置左上角的圆角半径 */
|
||||
border-bottom-left-radius: 2.5rem;
|
||||
/* overflow: hidden; */
|
||||
/* 设置左下角的圆角半径 */
|
||||
}
|
||||
/* 抽屉打开时的样式 */
|
||||
.drawer-open[data-v-40fcca19] {
|
||||
right: 0;
|
||||
}
|
||||
/* 抽屉内容样式 */
|
||||
.drawer-content[data-v-40fcca19] {
|
||||
position: relative;
|
||||
}
|
||||
.drawer-content .drawer-content-circle[data-v-40fcca19] {
|
||||
position: absolute;
|
||||
top: calc(50% - 1.71875rem);
|
||||
left: -1.25rem;
|
||||
width: 3.125rem;
|
||||
height: 3.4375rem;
|
||||
/* border-radius 的两个值分别代表水平和垂直半径 */
|
||||
border-radius: 50% ;
|
||||
z-index: -1;
|
||||
background: linear-gradient(to bottom, #dfecfa, #c9dbee);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
-webkit-clip-path: inset(0 60% 0 0);
|
||||
clip-path: inset(0 60% 0 0);
|
||||
/* 上 右 下 左，裁掉右半边 */
|
||||
}
|
||||
.drawer-content .drawer-content-circle .drawer-img[data-v-40fcca19] {
|
||||
width: 0.78125rem;
|
||||
height: 0.78125rem;
|
||||
margin-left: 0.3125rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.draw-all[data-v-4e05069f] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: url("../../static/index/clearmountain.png") center / cover, rgba(255, 255, 255, 0.4);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
/* 白色背景透明度为 10% */
|
||||
border-top-left-radius: 2.5rem;
|
||||
border-bottom-left-radius: 2.5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.draw-all .draw-flex[data-v-4e05069f] {
|
||||
display: flex;
|
||||
}
|
||||
.draw-all .draw-title[data-v-4e05069f] {
|
||||
width: 100%;
|
||||
height: 4.375rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-top: 2.125rem;
|
||||
}
|
||||
.draw-all .draw-title .draw-title-gun[data-v-4e05069f] {
|
||||
margin-left: 1.875rem;
|
||||
margin-right: 0.625rem;
|
||||
width: 0.40625rem;
|
||||
height: 1.5625rem;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 0.3125rem;
|
||||
}
|
||||
.draw-all .draw-title .draw-title-font[data-v-4e05069f] {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.draw-all .draw-contain[data-v-4e05069f] {
|
||||
width: 100%;
|
||||
height: calc(100vh - 4.375rem);
|
||||
}
|
||||
/* 弹窗遮罩层 */
|
||||
.modal[data-v-4e05069f] {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
/* 半透明背景 */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* 垂直居中 */
|
||||
justify-content: center;
|
||||
/* 水平居中 */
|
||||
}
|
||||
/* 弹窗内容，宽高占屏幕70% */
|
||||
.modal-content[data-v-4e05069f] {
|
||||
width: 80vw;
|
||||
height: 80vh;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.draw-blue[data-v-4e05069f] {
|
||||
color: #0090FF;
|
||||
font-size: 0.9375rem;
|
||||
margin-right: 1.40625rem;
|
||||
margin-top: 0.46875rem;
|
||||
}
|
||||
.swiper-flex[data-v-4e05069f] {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 0;
|
||||
}
|
||||
.swiper-flex .swiper-card[data-v-4e05069f] {
|
||||
margin: 0 0 0.9375rem 0.9375rem;
|
||||
width: 28.125rem;
|
||||
height: 11.25rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.9375rem;
|
||||
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 0.15625rem 0.15625rem 0.3125rem 0 #839fcc;
|
||||
overflow: hidden;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-top[data-v-4e05069f] {
|
||||
width: 100%;
|
||||
height: 8.4375rem;
|
||||
display: flex;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-img[data-v-4e05069f] {
|
||||
width: 7.8125rem;
|
||||
height: 7.8125rem;
|
||||
margin-top: 0.625rem;
|
||||
margin-left: 0.9375rem;
|
||||
margin-right: 0.3125rem;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card[data-v-4e05069f] {
|
||||
width: calc(100% - 8.125rem);
|
||||
height: 100%;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight[data-v-4e05069f] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
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] {
|
||||
font-weight: 700;
|
||||
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] {
|
||||
color: #FF6000;
|
||||
font-weight: 500;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-noral[data-v-4e05069f] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.46875rem;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-down[data-v-4e05069f] {
|
||||
width: 100%;
|
||||
height: 2.8125rem;
|
||||
display: flex;
|
||||
background: linear-gradient(to right, #ceddff, #f3effa, #d1dafe);
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-down .down-left[data-v-4e05069f] {
|
||||
display: flex;
|
||||
margin-left: 1.5625rem;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-down .down-left .down-left-weight[data-v-4e05069f] {
|
||||
font-weight: 700;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-down .down-left .down-left-font[data-v-4e05069f] {
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.swiper-all-flex[data-v-4e05069f] {
|
||||
display: flex;
|
||||
}
|
||||
.swiper-gray[data-v-4e05069f] {
|
||||
color: #596278;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.swiper-black[data-v-4e05069f] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.delete-img[data-v-4e05069f] {
|
||||
width: 1.25rem;
|
||||
height: 1.40625rem;
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
.down-note[data-v-4e05069f] {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 15%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.downitems-center-says[data-v-4e05069f] {
|
||||
display: flex;
|
||||
color: #6F7FA3;
|
||||
font-size: 0.9375rem;
|
||||
margin-top: 0.78125rem;
|
||||
margin-right: 1.875rem;
|
||||
}
|
||||
.downitems-center-father[data-v-4e05069f] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
border-radius: 50%;
|
||||
background-color: #BAC5DE;
|
||||
margin-right: 0.3125rem;
|
||||
margin-top: 0;
|
||||
}
|
||||
.downitems-center-father .downitems-center-says-maike[data-v-4e05069f] {
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
}
|
||||
.down-note-title-input[data-v-4e05069f] {
|
||||
width: calc(100% - 3.125rem);
|
||||
margin-left: 1.25rem;
|
||||
margin-top: 0.6875rem;
|
||||
height: 3.75rem;
|
||||
font-size: 0.84375rem;
|
||||
border: 0.0625rem #a0adc8 solid;
|
||||
padding: 0.46875rem 0 0.46875rem 0.625rem;
|
||||
background-color: rgba(234, 243, 254, 0.6);
|
||||
border-radius: 0.9375rem;
|
||||
}
|
||||
.down-button[data-v-4e05069f] {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 8%;
|
||||
}
|
||||
.down-button .swiper-left-button-blue[data-v-4e05069f] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 5rem;
|
||||
height: 2.1875rem;
|
||||
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);
|
||||
}
|
||||
.down-button .swiper-left-button-orange[data-v-4e05069f] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 5rem;
|
||||
height: 2.1875rem;
|
||||
border-radius: 0.625rem;
|
||||
background: linear-gradient(to right bottom, #FF9323, #FF5038);
|
||||
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);
|
||||
}
|
||||
.char-count[data-v-4e05069f] {
|
||||
position: absolute;
|
||||
bottom: 0.9375rem;
|
||||
right: 2.1875rem;
|
||||
color: #999;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.scroll-view[data-v-4e05069f] {
|
||||
height: 75%;
|
||||
width: calc(100% - 2.5rem);
|
||||
margin-left: 1.25rem;
|
||||
border-radius: 1.25rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
box-shadow: 0.125rem 0.25rem 0.5rem 0.125rem #839fcc;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.index-content-other[data-v-8856eb47] {
|
||||
width: calc(100% - 5.3125rem);
|
||||
height: 100%;
|
||||
|
|
@ -12,7 +604,6 @@
|
|||
background-position: 70% 45%;
|
||||
border-radius: 1.5625rem;
|
||||
box-shadow: 0.125rem 0.25rem 0.5rem 0.125rem rgba(0, 0, 0, 0.3);
|
||||
border-radius: 0.03125rem solid #fff;
|
||||
}
|
||||
.index-content-right .index-right-height[data-v-8856eb47] {
|
||||
height: 0.625rem;
|
||||
|
|
@ -88,9 +679,7 @@
|
|||
height: 10.78125rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.9375rem;
|
||||
/* 设置背景图和白色背景 */
|
||||
background: url("../../static/index/clearmountain.png") center / cover, rgba(255, 255, 255, 0.5);
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -191,50 +780,6 @@
|
|||
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0, 0, 0, 0.1);
|
||||
transition: opacity 0.4s ease;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-left[data-v-8856eb47] {
|
||||
height: 100%;
|
||||
width: 45%;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-left .popup-detail-left-white[data-v-8856eb47] {
|
||||
margin: 2.1875rem 0 0 2.1875rem;
|
||||
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 .popup-detail-content .popup-detail-left .popup-detail-left-white .popup-detail-left-white-img[data-v-8856eb47] {
|
||||
width: 17.1875rem;
|
||||
height: 17.1875rem;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-left .popup-detail-left-bottom[data-v-8856eb47] {
|
||||
width: calc(100% - 2.1875rem);
|
||||
margin-left: 2.1875rem;
|
||||
height: 7.1875rem;
|
||||
display: flex;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-right[data-v-8856eb47] {
|
||||
height: 100%;
|
||||
width: 55%;
|
||||
padding: 0 1.5625rem;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-right .popup-detail-title[data-v-8856eb47] {
|
||||
margin-top: 2.1875rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-right .popup-detail-title .popup-detail-weight[data-v-8856eb47] {
|
||||
font-size: 1.40625rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.popup-detail .popup-detail-content .popup-detail-right .popup-detail-title .popup-detail-gray[data-v-8856eb47] {
|
||||
padding: 0.3125rem 0.9375rem;
|
||||
background-color: #ded9f5;
|
||||
border-radius: 0.9375rem;
|
||||
}
|
||||
.blackfont[data-v-8856eb47] {
|
||||
font-weight: 600;
|
||||
color: red;
|
||||
|
|
@ -247,8 +792,8 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 4.6875rem;
|
||||
height: 1.875rem;
|
||||
width: 5rem;
|
||||
height: 2.1875rem;
|
||||
border-radius: 0.625rem;
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 0.03125rem #fff solid;
|
||||
|
|
@ -259,13 +804,13 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 4.6875rem;
|
||||
height: 1.875rem;
|
||||
width: 5rem;
|
||||
height: 2.1875rem;
|
||||
border-radius: 0.625rem;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
border: 0.03125rem #fff solid;
|
||||
margin-right: 0.9375rem;
|
||||
margin-right: 0.625rem;
|
||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.bgc-img[data-v-8856eb47] {
|
||||
|
|
@ -353,45 +898,6 @@
|
|||
border-radius: 0.625rem;
|
||||
z-index: 101;
|
||||
}
|
||||
.popup-small-card[data-v-8856eb47] {
|
||||
width: 33%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.popup-small-card .popup-small-circle[data-v-8856eb47] {
|
||||
width: 1.875rem;
|
||||
height: 1.875rem;
|
||||
border-radius: 50%;
|
||||
border: 0.09375rem solid #0FA2FF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.popup-small-card .popup-small-circle .popup-small-circle-img[data-v-8856eb47] {
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
margin-top: -0.09375rem;
|
||||
}
|
||||
.popup-small-card .popup-small-number[data-v-8856eb47] {
|
||||
color: #596278;
|
||||
font-weight: 700;
|
||||
font-size: 1.09375rem;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.popup-small-card .popup-small-font[data-v-8856eb47] {
|
||||
color: #596278;
|
||||
font-size: 0.625rem;
|
||||
margin-top: 0.15625rem;
|
||||
}
|
||||
.popup-small-shu[data-v-8856eb47] {
|
||||
width: 0.0625rem;
|
||||
height: 4.375rem;
|
||||
margin-top: 1.5625rem;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 986 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
Loading…
Reference in New Issue