Merge branch 'Teng' of http://47.115.223.229:8888/yangjun/hldy_app into Teng
This commit is contained in:
commit
53583892a6
|
|
@ -4,13 +4,7 @@
|
|||
<view class="wareaitem-item">
|
||||
<view class="tp" :class="'itemact'+(index+1)" v-for="(item,index) in animArray" :key='index'
|
||||
@click.stop="housactive(index)">
|
||||
<!-- <image :src="'/static/index/warehouse/active/w'+index+'.png'" mode="aspectFill"
|
||||
v-if="housedex!=index"></image> -->
|
||||
|
||||
|
||||
<donghua :width="item.width" :height="item.height" :links="item.url" :playing="index == housedex" />
|
||||
|
||||
<!-- <image :src="'/static/index/warehouse/active/i'+index+'.png'" mode="aspectFill" v-if="housedex==index"></image> -->
|
||||
</view>
|
||||
|
||||
<view class="tp" :class="'wareitem'+index" v-for="(item,index) in 12" :key='index'>
|
||||
|
|
@ -31,7 +25,8 @@
|
|||
<view> </view>
|
||||
<view class="tp">
|
||||
<text>{{v}}</text>
|
||||
<image src="/static/index/warehouse/y1.png" mode="aspectFill"></image>
|
||||
<image src="/static/index/warehouse/y2.png" mode="aspectFill" v-if="i==4"></image>
|
||||
<image src="/static/index/warehouse/y1.png" mode="aspectFill" v-if="i!=4"></image>
|
||||
</view>
|
||||
<view class="tp">
|
||||
<image src="/static/index/warehouse/y0.png" mode="aspectFill"></image>
|
||||
|
|
@ -237,6 +232,7 @@
|
|||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
||||
.wareaitem {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
@ -503,7 +499,8 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
border-radius: 0.8vw 0.8vw 1.5vw 1.5vw;
|
||||
overflow: hidden;
|
||||
image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,225 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="zhezhao" v-show="open"
|
||||
@click="closeall()">
|
||||
<view class="neuro-box" @click.stop v-if="open">
|
||||
<view class="button-father">
|
||||
<view :class="!buttonposition?`buttontarget button`:`button-white` " @click="open=false">
|
||||
取消</view>
|
||||
<view :class="buttonposition?`buttontarget button`:`button-white` " @click="config()">确定</view>
|
||||
</view>
|
||||
|
||||
<view class="card-font">
|
||||
{{content}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, watch, onUnmounted ,defineEmits } from 'vue';
|
||||
const emit = defineEmits(["configdel", "del"])
|
||||
const props = defineProps({
|
||||
open: {
|
||||
type: Boolean,
|
||||
required: true,
|
||||
},
|
||||
propsmove: {
|
||||
type: Number
|
||||
},
|
||||
content: {
|
||||
type: String
|
||||
},
|
||||
isMain: {
|
||||
type: Boolean
|
||||
}
|
||||
});
|
||||
watch(
|
||||
() => props.propsmove,
|
||||
() => {
|
||||
console.log(props.propsmove)
|
||||
switch (props.propsmove){
|
||||
case 1:
|
||||
buttonposition.value = !buttonposition.value
|
||||
break;
|
||||
case 3:
|
||||
buttonposition.value = !buttonposition.value
|
||||
break;
|
||||
case 4:
|
||||
if(buttonposition.value==true){
|
||||
emit('del')
|
||||
}else{
|
||||
emit('configdel')
|
||||
}
|
||||
break;
|
||||
|
||||
case 5:
|
||||
emit('configdel')
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
)
|
||||
const buttonposition = ref(false)
|
||||
const closeall = ()=>{
|
||||
emit('configdel')
|
||||
}
|
||||
const config = ()=>{
|
||||
buttonposition.value = true;
|
||||
emit('del')
|
||||
}
|
||||
const clicktab = (index : number) => {
|
||||
console.log(index)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.card-font {
|
||||
margin-top: 70rpx;
|
||||
width: 600rpx;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
.button-white {
|
||||
width: 40%;
|
||||
border: 2rpx solid #c3cacd;
|
||||
background: linear-gradient(to bottom, #f3f3f5, #dee4e9);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 25rpx;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
.button {
|
||||
width: 40%;
|
||||
background-color: #ddf0ff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #007CFF;
|
||||
border: 1rpx solid #007CFF;
|
||||
font-size: 25rpx;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
.button-father {
|
||||
position: absolute;
|
||||
bottom: 60rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding: 0 50rpx;
|
||||
}
|
||||
.neuro-box {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 400rpx;
|
||||
height: 270rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
z-index: 21;
|
||||
padding: 0 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
.zhezhao {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: 25;
|
||||
}
|
||||
.zerotarget {
|
||||
--color: #99C9FD;
|
||||
--thick: 2px;
|
||||
--radius: 50rpx;
|
||||
--outline-offset: 0rpx;
|
||||
/* 外扩多少 */
|
||||
/* 内层虚线（你现在用的） */
|
||||
border-radius: var(--radius);
|
||||
background-color: white;
|
||||
/* 内部背景 */
|
||||
animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
|
||||
/* 外层虚线：放在 outline（不会影响元素尺寸） */
|
||||
outline: var(--thick) dashed var(--color);
|
||||
outline-offset: var(--outline-offset);
|
||||
|
||||
/* 保证文本 / 子元素在最上层 */
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.firsttarget {
|
||||
--color: #99C9FD;
|
||||
--thick: 2px;
|
||||
--radius: 50%;
|
||||
--outline-offset: 0rpx;
|
||||
/* 外扩多少 */
|
||||
|
||||
/* 内层虚线（你现在用的） */
|
||||
border-radius: var(--radius);
|
||||
background-color: white;
|
||||
/* 内部背景 */
|
||||
animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
|
||||
/* 外层虚线：放在 outline（不会影响元素尺寸） */
|
||||
outline: var(--thick) dashed var(--color);
|
||||
outline-offset: var(--outline-offset);
|
||||
|
||||
/* 保证文本 / 子元素在最上层 */
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.buttontarget {
|
||||
--color: #99C9FD;
|
||||
--thick: 2px;
|
||||
--radius: 30rpx;
|
||||
--outline-offset: 0rpx;
|
||||
/* 外扩多少 */
|
||||
|
||||
/* 内层虚线（你现在用的） */
|
||||
border-radius: var(--radius);
|
||||
background-color: white;
|
||||
/* 内部背景 */
|
||||
animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
|
||||
/* 外层虚线：放在 outline（不会影响元素尺寸） */
|
||||
outline: var(--thick) dashed var(--color);
|
||||
outline-offset: var(--outline-offset);
|
||||
|
||||
/* 保证文本 / 子元素在最上层 */
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
@keyframes scalePulse {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
25% {
|
||||
/* 先收缩一点点 */
|
||||
transform: scale(0.94);
|
||||
}
|
||||
|
||||
65% {
|
||||
/* 再放大到略超出的感觉 */
|
||||
transform: scale(1.08);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -2,14 +2,7 @@
|
|||
<view>
|
||||
<!-- 采购 -->
|
||||
<view class="box">
|
||||
|
||||
<view class="rel-left">
|
||||
<view class="blue-tags">
|
||||
<view class="blue-shu"></view>
|
||||
<view class="">
|
||||
采购单
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="leftscrolltop" class="scroll-Y"
|
||||
@scrolltolower="plsbuytolower" :lower-threshold="200">
|
||||
<view class="margin-height"></view>
|
||||
|
|
@ -21,19 +14,20 @@
|
|||
<view>供应商:{{ v.gysId_dictText }}</view>
|
||||
<view>采购人: {{ v.createBy_dictText }}</view>
|
||||
<view>{{ v.qgDate }}</view>
|
||||
<view>
|
||||
<view>
|
||||
采购金额
|
||||
</view>
|
||||
<view>
|
||||
￥ <text class="dollar">{{v.totalPrice}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="v?.cgdType=='9'" class="zuofei">
|
||||
已作废
|
||||
</view>
|
||||
|
||||
<view class="special-pos">
|
||||
<view class="num">
|
||||
<view>{{v.totalPrice}}</view>
|
||||
<view>采购金额</view>
|
||||
</view>
|
||||
<view class="dollar">
|
||||
￥
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
|
|
@ -44,61 +38,31 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="lefts">
|
||||
<view class="blue-tags-middle">
|
||||
<view class="blue-shu"></view>
|
||||
<view class="">
|
||||
采购项目
|
||||
<view class="caigoudan guodu">
|
||||
<view class="title">
|
||||
<view></view>采购单
|
||||
</view>
|
||||
<view class="cgdh brtop">
|
||||
<view>采购单号：<text>{{plsbuy[leftitem].cgdNo}}</text></view>
|
||||
<view>采购金额：<text>{{plsbuy[leftitem].totalPrice}}</text></view>
|
||||
</view>
|
||||
<view class="cgdh">
|
||||
<view>采购人：{{plsbuy[leftitem].createBy_dictText}} </view>
|
||||
<view>采购日期：{{plsbuy[leftitem].qgDate}}</view>
|
||||
<view>供应商：{{plsbuy[leftitem].gysId_dictText}}</view>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" class="cgdscroll" scroll-with-animation>
|
||||
<view class="fler">
|
||||
<view class="boxitem" v-for="(f,l) in InvoicingList" :key='l'>
|
||||
<view>{{f.wlName}}</view>
|
||||
<view style="white-space: nowrap;">规格型号：{{f.wlSpecificationModel}}</view>
|
||||
<view>采购金额：{{f.procurementPrice}}</view>
|
||||
<view>采购数量：{{f.purchaseQuantity}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scrolltop" class="scroll-Y"
|
||||
@scrolltolower="scrolltolower" :lower-threshold="200" @scroll="scrollview">
|
||||
<view class="margin-height"></view>
|
||||
<view class="boxitem" v-for="(v,i) in InvoicingList" :key='i'
|
||||
:class="{'yujing':Number(v.lowerLimit)>=Number(v.kcsl),'active':shopitem==i}"
|
||||
@click="shopclick(i);getdetail()">
|
||||
<view>{{v.wlName}}</view>
|
||||
<view>规格型号: {{v.wlMaterialNo}}</view>
|
||||
<view>采购金额:
|
||||
<text style="font-weight: bold;">
|
||||
{{(v.purchaseQuantity * Number(v.procurementPrice)).toFixed(2) }}
|
||||
</text>
|
||||
|
||||
</view>
|
||||
<view>采购数量:
|
||||
<text style="font-weight: bold;">
|
||||
{{v.purchaseQuantity }}
|
||||
</text>
|
||||
<text>
|
||||
{{ `(${v.wlUnits})` }}
|
||||
</text>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- <view>
|
||||
<view class="carditem" :class="{'hl':v.tagType==1,'yl':v.tagType==2,'bj':v.tagType>2}">
|
||||
<image src="/static/index/warehouse/procurement/hl.png" mode="aspectFill"
|
||||
v-if="v.tagType==1"></image>
|
||||
<image src="/static/index/warehouse/procurement/yl.png" mode="aspectFill"
|
||||
v-if="v.tagType==2"></image>
|
||||
<image src="/static/index/warehouse/procurement/bj.png" mode="aspectFill"
|
||||
v-if="v.tagType>2"></image>
|
||||
{{v.tagName}}
|
||||
</view>
|
||||
<view class="znk">
|
||||
<image
|
||||
:src="v.materialImg?serverUrl + v.materialImg : '/static/index/warehouse/procurement/k.png'"
|
||||
mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="num">
|
||||
<view>{{v.kcsl}}</view>
|
||||
<view>库存数量</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view style="height: 23vw;padding-top: 10vw;">
|
||||
<u-loadmore :status="status" />
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="rights">
|
||||
<view class="shitem">
|
||||
|
|
@ -123,12 +87,14 @@
|
|||
</view>
|
||||
<view class="typeitem">
|
||||
<view class="toptype">
|
||||
<view v-for="v in ['三','二','一']">{{v+'级分类'}}</view>
|
||||
<!-- <view v-for="v in ['三','二','一']">{{v+'级分类'}}</view> -->
|
||||
<view :class="scroll.act3==-1?'act':''" @click="typescroll(3,-1,{})">全部</view>
|
||||
<view :class="scroll.act2==-1?'act':''" @click="typescroll(2,-1,{})">全部</view>
|
||||
<view :class="scroll.act1==-1?'act':''" @click="typescroll(1,-1,{})">全部</view>
|
||||
</view>
|
||||
<view class="scroltype">
|
||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scroll.scrolltop3"
|
||||
class="scroll-Y">
|
||||
<view :class="scroll.act3==-1?'act':''" @click="typescroll(3,-1,{})">全部</view>
|
||||
<view :class="scroll.act3==i?'act':''"
|
||||
v-for="(v,i) in TreeData[scroll.act1]?.children[scroll.act2]?.children"
|
||||
@click="typescroll(3,i,v)">
|
||||
|
|
@ -138,7 +104,6 @@
|
|||
|
||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scroll.scrolltop2"
|
||||
class="scroll-Y">
|
||||
<view :class="scroll.act2==-1?'act':''" @click="typescroll(2,-1,{})">全部</view>
|
||||
<view :class="scroll.act2==i?'act':''" v-for="(v,i) in TreeData[scroll.act1]?.children"
|
||||
@click="typescroll(2,i,v)">
|
||||
{{v.title}}
|
||||
|
|
@ -147,7 +112,6 @@
|
|||
|
||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scroll.scrolltop1"
|
||||
class="scroll-Y scrl1">
|
||||
<view :class="scroll.act1==-1?'act':''" @click="typescroll(1,-1,{})">全部</view>
|
||||
<view :class="scroll.act1==i?'act':''" v-for="(v,i) in TreeData" @click="typescroll(1,i,v)">
|
||||
<image :src="serverUrl + v.appCheckIconPath" mode="aspectFill" v-if="scroll.act1==i">
|
||||
</image>
|
||||
|
|
@ -524,13 +488,13 @@
|
|||
|
||||
const plzinfo = reactive({
|
||||
pageNo: 1,
|
||||
pageSize: 3,
|
||||
pageSize: 10,
|
||||
canpull: true
|
||||
})
|
||||
|
||||
const mobanplzinfo = {
|
||||
pageNo: 1,
|
||||
pageSize: 3,
|
||||
pageSize: 10,
|
||||
canpull: true
|
||||
}
|
||||
const plsbuy = ref([])
|
||||
|
|
@ -623,7 +587,6 @@
|
|||
// console.log("form", form)
|
||||
queryCgdInfoList(form).then(res => {
|
||||
InvoicingList.value.push(...res.result.records);
|
||||
// console.log("chu", InvoicingList.value)
|
||||
detailform.wlId = InvoicingList.value[0].wlId
|
||||
|
||||
|
||||
|
|
@ -1453,22 +1416,21 @@
|
|||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
padding: 0vw 1vw 0;
|
||||
overflow: hidden;
|
||||
|
||||
.rights {
|
||||
width: 27vw;
|
||||
width: 24.5vw;
|
||||
height: calc(100% - 4vw);
|
||||
margin-top: 4vw;
|
||||
|
||||
.serchs {
|
||||
width: 27vw;
|
||||
width: 24.5vw;
|
||||
height: 3.2vw;
|
||||
background: rgba(255, 255, 255, .5);
|
||||
border-radius: 1.6vw;
|
||||
|
|
@ -1600,29 +1562,38 @@
|
|||
}
|
||||
}
|
||||
|
||||
.toptype {
|
||||
>.toptype {
|
||||
width: 100%;
|
||||
height: 2vw;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: .4vw 0 .4vw 0;
|
||||
|
||||
view {
|
||||
.act {
|
||||
background: rgba(255, 255, 255, 1) !important;
|
||||
font-weight: 600;
|
||||
color: #0385FA !important;
|
||||
}
|
||||
|
||||
>view {
|
||||
width: 7vw;
|
||||
height: 1.9vw;
|
||||
border-radius: 1vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, .5);
|
||||
border: 1px solid rgba(255, 255, 255, .5);
|
||||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #333333;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shitem {
|
||||
width: 27vw;
|
||||
width: 24.5vw;
|
||||
height: 10.3vw;
|
||||
background: #E8E9ED;
|
||||
border-radius: 1.6vw;
|
||||
|
|
@ -1699,200 +1670,110 @@
|
|||
}
|
||||
|
||||
.lefts {
|
||||
width: 47vw;
|
||||
height: calc(100%);
|
||||
width: 46vw;
|
||||
height: calc(100vh - 8vh);
|
||||
position: relative;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 2px 3px 0rpx rgba(182, 186, 196, 0.24);
|
||||
border-radius: 1.6vw;
|
||||
margin-top: 6vh;
|
||||
|
||||
.yujing {
|
||||
// border: 2px solid rgba(255, 102, 107, 0.51) !important;
|
||||
border: 2px solid rgba(255, 102, 107, 0.51) !important;
|
||||
box-shadow: 0 0 8px rgba(255, 102, 107, 0.051) inset;
|
||||
|
||||
view {
|
||||
.num {
|
||||
view {
|
||||
&:nth-child(1) {
|
||||
color: #FF5757 !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fxj {
|
||||
width: 23vw;
|
||||
height: 22vw;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 2vw;
|
||||
z-index: 11;
|
||||
.caigoudan {
|
||||
width: 46vw;
|
||||
height: 92vh;
|
||||
background: #FFFFFF;
|
||||
border-radius: 1.6vw;
|
||||
padding: 0.5vw 1.5vw 0;
|
||||
|
||||
text {
|
||||
.cgdscroll {
|
||||
width: 100%;
|
||||
font-weight: 400;
|
||||
font-size: .9vw;
|
||||
color: #999999;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0vw;
|
||||
height: calc(92vh - 10vw);
|
||||
}
|
||||
}
|
||||
|
||||
.mblbg {
|
||||
width: 24.5vw;
|
||||
height: 21vw;
|
||||
position: absolute;
|
||||
left: -1vw;
|
||||
bottom: 0.5vw;
|
||||
border-radius: 1.6vw;
|
||||
filter: blur(15rpx);
|
||||
background: RGBA(239, 240, 244, 1);
|
||||
z-index: 10;
|
||||
}
|
||||
.fler {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.scroll-Y {
|
||||
width: 100%;
|
||||
height: 90%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.boxitem {
|
||||
width: 22vw;
|
||||
height: 10vw;
|
||||
background: rgba(192, 192, 192, 0.14);
|
||||
border-radius: 1.6vw;
|
||||
margin: 0 1vw 1.2vw 0;
|
||||
border: 2px dashed #fff;
|
||||
display: inline-block;
|
||||
padding: 1vw 1.6vw 0;
|
||||
position: relative;
|
||||
>view {
|
||||
&:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #333;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 15vw;
|
||||
|
||||
// .boxitem {
|
||||
}
|
||||
|
||||
// &:nth-child(1) {
|
||||
// margin-top: 4vw;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
&:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
margin-top: .6vw;
|
||||
}
|
||||
|
||||
.boxitem {
|
||||
width: 22vw;
|
||||
height: 12vw;
|
||||
background: rgba(255, 255, 255, .7);
|
||||
border-radius: 1.6vw;
|
||||
margin: 0 1.3vw 1.4vw 0;
|
||||
border: 2px dashed #fff;
|
||||
display: inline-block;
|
||||
padding: 1.5vw;
|
||||
position: relative;
|
||||
&:nth-child(3),
|
||||
&:nth-child(4) {
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #666666;
|
||||
margin-top: .2vw;
|
||||
}
|
||||
|
||||
>view {
|
||||
.hl {
|
||||
color: #0385FA;
|
||||
background: #E7F0FB;
|
||||
}
|
||||
|
||||
.yl {
|
||||
background: #DCF6F3;
|
||||
color: #00C6A9;
|
||||
}
|
||||
|
||||
.bj {
|
||||
background: #E9EBFC;
|
||||
color: #727BFF;
|
||||
}
|
||||
|
||||
|
||||
&:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 1.5vw;
|
||||
color: #333;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #555555;
|
||||
margin-top: .4vw;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #666666;
|
||||
margin-top: .4vw;
|
||||
// z-index: 9999;
|
||||
}
|
||||
|
||||
&:nth-child(4) {
|
||||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #666666;
|
||||
margin-top: .4vw;
|
||||
|
||||
}
|
||||
|
||||
>&:nth-child(6) {
|
||||
width: 100%;
|
||||
height: 10vw;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
bottom: 2vw;
|
||||
left: 2.5vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
view {
|
||||
&:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 2.2vw;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.znk {
|
||||
width: 10vw;
|
||||
height: 9.5vw;
|
||||
position: absolute;
|
||||
right: 1.5vw;
|
||||
bottom: 1vw;
|
||||
|
||||
image {
|
||||
.cgdh {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
height: 2.5vw;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #333333;
|
||||
|
||||
.carditem {
|
||||
width: 5.8vw;
|
||||
height: 2.1vw;
|
||||
border-radius: 1.0vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: .9vw;
|
||||
margin-top: .8vw;
|
||||
view {
|
||||
font-size: 1.1vw;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 1.4vw;
|
||||
height: 1.4vw;
|
||||
text {
|
||||
font-size: 1.2vw;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.title {
|
||||
height: 4vw;
|
||||
font-weight: 400;
|
||||
font-size: 1.4vw;
|
||||
color: #333333;
|
||||
border-bottom: 1px solid #DCDCDC;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
view {
|
||||
width: 0.5vw;
|
||||
height: 1.4vw;
|
||||
background: linear-gradient(-69deg, #006DC9, #0385FA);
|
||||
border-radius: 0.25vw;
|
||||
margin-right: 0.7vw;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1900,30 +1781,10 @@
|
|||
}
|
||||
|
||||
|
||||
|
||||
.active {
|
||||
border: 2px dashed #017DE9 !important;
|
||||
}
|
||||
|
||||
.swsh {
|
||||
width: 2.7vw;
|
||||
height: 1.5vw;
|
||||
background: #D6D8DC;
|
||||
border-radius: .75vw;
|
||||
border: 1px solid #D6D8DC;
|
||||
padding: 0.2vw;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
>view {
|
||||
width: 1.1vw;
|
||||
height: 1.1vw;
|
||||
background: #FCFCFD;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: linear-gradient(-69deg, #E1EFFC, #CAE0F9, #D2E9FF) !important;
|
||||
border: 1px solid rgba(0, 130, 251, 0.34) !important;
|
||||
|
|
@ -1935,199 +1796,19 @@
|
|||
}
|
||||
}
|
||||
|
||||
// 大图
|
||||
.guodu {
|
||||
transition: .4s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.leftr {
|
||||
width: 70vw;
|
||||
margin-left: 1vw;
|
||||
height: calc(100%);
|
||||
position: relative;
|
||||
|
||||
.fxj {
|
||||
width: 30vw;
|
||||
height: 16vw;
|
||||
position: absolute;
|
||||
left: 1vw;
|
||||
bottom: 0vw;
|
||||
z-index: 111;
|
||||
border-radius: 1.6vw;
|
||||
|
||||
text {
|
||||
width: 76%;
|
||||
font-weight: 400;
|
||||
font-size: .9vw;
|
||||
color: #999999;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0vw;
|
||||
}
|
||||
}
|
||||
|
||||
.mblbg {
|
||||
width: 35vw;
|
||||
height: 16vw;
|
||||
position: absolute;
|
||||
left: -1vw;
|
||||
bottom: 0vw;
|
||||
border-radius: 1.6vw;
|
||||
filter: blur(15rpx);
|
||||
background: RGBA(239, 240, 244, 1);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.scroll-Y {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.boxitem {
|
||||
|
||||
&:nth-child(1),
|
||||
&:nth-child(2),
|
||||
&:nth-child(3) {
|
||||
margin-top: 4vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.boxibigtem {
|
||||
|
||||
&:nth-child(1),
|
||||
&:nth-child(2) {
|
||||
margin-top: 4vw;
|
||||
}
|
||||
}
|
||||
|
||||
.boxibigtem {
|
||||
width: 33.3vw;
|
||||
height: 21.7vw;
|
||||
background: rgba(255, 255, 255, .7);
|
||||
border-radius: 1.6vw;
|
||||
margin: 0 1.3vw 1.2vw 0;
|
||||
border: 2px dashed #fff;
|
||||
display: inline-block;
|
||||
padding: 2.3vw;
|
||||
position: relative;
|
||||
|
||||
>view {
|
||||
.hl {
|
||||
color: #0385FA;
|
||||
background: #E7F0FB;
|
||||
}
|
||||
|
||||
.yl {
|
||||
background: #DCF6F3;
|
||||
color: #00C6A9;
|
||||
}
|
||||
|
||||
.bj {
|
||||
background: #E9EBFC;
|
||||
color: #727BFF;
|
||||
}
|
||||
|
||||
|
||||
&:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 1.5vw;
|
||||
color: #333;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #555555;
|
||||
margin-top: .9vw;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #666666;
|
||||
margin-top: .6vw;
|
||||
}
|
||||
|
||||
>&:nth-child(4) {
|
||||
width: 100%;
|
||||
height: 10vw;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
bottom: 2vw;
|
||||
left: 2.5vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
view {
|
||||
&:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 2.2vw;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.znk {
|
||||
width: 12vw;
|
||||
height: 11.5vw;
|
||||
position: absolute;
|
||||
right: 1.5vw;
|
||||
bottom: 1vw;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.carditem {
|
||||
width: 5.8vw;
|
||||
height: 2.1vw;
|
||||
border-radius: 1.0vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: .9vw;
|
||||
margin-top: .8vw;
|
||||
|
||||
image {
|
||||
width: 1.4vw;
|
||||
height: 1.4vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rel-left {
|
||||
width: 24vw;
|
||||
width: 26vw;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
margin-top: 6vh;
|
||||
margin-right: -1.2vw;
|
||||
|
||||
.zuofei {
|
||||
background-color: #FFE2E2;
|
||||
|
|
@ -2146,7 +1827,6 @@
|
|||
|
||||
// margin-left: 1vw;
|
||||
.fxj {
|
||||
// margin-left: 1.5vw;
|
||||
width: 23vw;
|
||||
height: 22vw;
|
||||
position: absolute;
|
||||
|
|
@ -2170,7 +1850,7 @@
|
|||
|
||||
.mblbg {
|
||||
width: 24.5vw;
|
||||
height: 21vw;
|
||||
height: 25vh;
|
||||
position: absolute;
|
||||
left: -1vw;
|
||||
bottom: 0.5vw;
|
||||
|
|
@ -2182,18 +1862,9 @@
|
|||
|
||||
.scroll-Y {
|
||||
width: 100%;
|
||||
height: 62%;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
// padding-top: ;
|
||||
// margin-top: 20rpx;
|
||||
|
||||
// .boxitem {
|
||||
|
||||
// &:nth-child(1) {
|
||||
// // margin-top: 4vw;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
.yujing {
|
||||
|
|
@ -2202,8 +1873,8 @@
|
|||
}
|
||||
|
||||
.boxitem {
|
||||
width: 22vw;
|
||||
height: 19.3vw;
|
||||
width: 24vw;
|
||||
height: 14.7vw;
|
||||
background: rgba(255, 255, 255, .7);
|
||||
border-radius: 1.6vw;
|
||||
margin: 0 0vw 1.2vw 0.6vw;
|
||||
|
|
@ -2213,22 +1884,6 @@
|
|||
position: relative;
|
||||
|
||||
>view {
|
||||
.hl {
|
||||
color: #0385FA;
|
||||
background: #E7F0FB;
|
||||
}
|
||||
|
||||
.yl {
|
||||
background: #DCF6F3;
|
||||
color: #00C6A9;
|
||||
}
|
||||
|
||||
.bj {
|
||||
background: #E9EBFC;
|
||||
color: #727BFF;
|
||||
}
|
||||
|
||||
|
||||
&:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 1.5vw;
|
||||
|
|
@ -2244,6 +1899,11 @@
|
|||
font-size: 1.2vw;
|
||||
color: #555555;
|
||||
margin-top: .6vw;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 1.5vw;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
|
|
@ -2260,98 +1920,27 @@
|
|||
margin-top: .6vw;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// >&:nth-child(5) {
|
||||
// width: 100%;
|
||||
// height: 10vw;
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// bottom: 0;
|
||||
|
||||
// }
|
||||
|
||||
.dollar {
|
||||
position: absolute;
|
||||
bottom: 3.6vw;
|
||||
left: 1.2vw;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
bottom: 2vw;
|
||||
left: 2.5vw;
|
||||
&:nth-child(5) {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 1.5vw;
|
||||
|
||||
view {
|
||||
&:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 2.2vw;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
color: #999999;
|
||||
}
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.right-icon {
|
||||
position: absolute;
|
||||
bottom: 3.7vw;
|
||||
right: 1.2vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 5vw;
|
||||
height: 2vw;
|
||||
border-radius: 30rpx;
|
||||
background-color: #E8E9ED;
|
||||
color: #626363;
|
||||
}
|
||||
|
||||
.znk {
|
||||
width: 10vw;
|
||||
height: 9.5vw;
|
||||
position: absolute;
|
||||
right: 1.5vw;
|
||||
bottom: 1vw;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text {
|
||||
font-weight: bold;
|
||||
font-size: 1.8vw;
|
||||
color: #555;
|
||||
}
|
||||
}
|
||||
|
||||
.carditem {
|
||||
width: 5.8vw;
|
||||
height: 2.1vw;
|
||||
border-radius: 1.0vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: .9vw;
|
||||
margin-top: .8vw;
|
||||
|
||||
image {
|
||||
width: 1.4vw;
|
||||
height: 1.4vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.mar-left {
|
||||
margin-left: 100vw;
|
||||
}
|
||||
|
|
@ -2664,9 +2253,6 @@
|
|||
border-radius: 30rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-top: 70rpx;
|
||||
}
|
||||
|
||||
.card-font {
|
||||
margin-top: 70rpx;
|
||||
|
|
@ -2702,13 +2288,6 @@
|
|||
height: 10rpx;
|
||||
}
|
||||
|
||||
.special-pos {
|
||||
width: 100%;
|
||||
height: 10vw;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.right-flex {
|
||||
display: flex;
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 576 B |
Binary file not shown.
|
After Width: | Height: | Size: 656 B |
Binary file not shown.
|
After Width: | Height: | Size: 599 B |
Binary file not shown.
|
After Width: | Height: | Size: 721 B |
Binary file not shown.
|
After Width: | Height: | Size: 631 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 861 B |
|
|
@ -578,7 +578,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||
)
|
||||
]);
|
||||
}
|
||||
const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app/pages/camera.nvue"]]);
|
||||
const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/项目/hldy_app/pages/camera.nvue"]]);
|
||||
export {
|
||||
camera as default
|
||||
};
|
||||
|
|
|
|||
|
|
@ -577,7 +577,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||
)
|
||||
]);
|
||||
}
|
||||
const fullcamera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app/pages/fullcamera.nvue"]]);
|
||||
const fullcamera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/项目/hldy_app/pages/fullcamera.nvue"]]);
|
||||
export {
|
||||
fullcamera as default
|
||||
};
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue