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="wareaitem-item">
|
||||||
<view class="tp" :class="'itemact'+(index+1)" v-for="(item,index) in animArray" :key='index'
|
<view class="tp" :class="'itemact'+(index+1)" v-for="(item,index) in animArray" :key='index'
|
||||||
@click.stop="housactive(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" />
|
<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>
|
||||||
|
|
||||||
<view class="tp" :class="'wareitem'+index" v-for="(item,index) in 12" :key='index'>
|
<view class="tp" :class="'wareitem'+index" v-for="(item,index) in 12" :key='index'>
|
||||||
|
|
@ -31,7 +25,8 @@
|
||||||
<view> </view>
|
<view> </view>
|
||||||
<view class="tp">
|
<view class="tp">
|
||||||
<text>{{v}}</text>
|
<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>
|
||||||
<view class="tp">
|
<view class="tp">
|
||||||
<image src="/static/index/warehouse/y0.png" mode="aspectFill"></image>
|
<image src="/static/index/warehouse/y0.png" mode="aspectFill"></image>
|
||||||
|
|
@ -237,6 +232,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|
||||||
.wareaitem {
|
.wareaitem {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
@ -503,7 +499,8 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
border-radius: 0.8vw 0.8vw 1.5vw 1.5vw;
|
||||||
|
overflow: hidden;
|
||||||
image {
|
image {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
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>
|
||||||
<!-- 采购 -->
|
<!-- 采购 -->
|
||||||
<view class="box">
|
<view class="box">
|
||||||
|
|
||||||
<view class="rel-left">
|
<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"
|
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="leftscrolltop" class="scroll-Y"
|
||||||
@scrolltolower="plsbuytolower" :lower-threshold="200">
|
@scrolltolower="plsbuytolower" :lower-threshold="200">
|
||||||
<view class="margin-height"></view>
|
<view class="margin-height"></view>
|
||||||
|
|
@ -21,19 +14,20 @@
|
||||||
<view>供应商:{{ v.gysId_dictText }}</view>
|
<view>供应商:{{ v.gysId_dictText }}</view>
|
||||||
<view>采购人: {{ v.createBy_dictText }}</view>
|
<view>采购人: {{ v.createBy_dictText }}</view>
|
||||||
<view>{{ v.qgDate }}</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 v-if="v?.cgdType=='9'" class="zuofei">
|
||||||
已作废
|
已作废
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="special-pos">
|
|
||||||
<view class="num">
|
|
||||||
<view>{{v.totalPrice}}</view>
|
|
||||||
<view>采购金额</view>
|
|
||||||
</view>
|
|
||||||
<view class="dollar">
|
|
||||||
￥
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -44,61 +38,31 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="lefts">
|
<view class="lefts">
|
||||||
<view class="blue-tags-middle">
|
<view class="caigoudan guodu">
|
||||||
<view class="blue-shu"></view>
|
<view class="title">
|
||||||
<view class="">
|
<view></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>
|
</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>
|
||||||
<view class="rights">
|
<view class="rights">
|
||||||
<view class="shitem">
|
<view class="shitem">
|
||||||
|
|
@ -123,12 +87,14 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="typeitem">
|
<view class="typeitem">
|
||||||
<view class="toptype">
|
<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>
|
||||||
<view class="scroltype">
|
<view class="scroltype">
|
||||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scroll.scrolltop3"
|
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scroll.scrolltop3"
|
||||||
class="scroll-Y">
|
class="scroll-Y">
|
||||||
<view :class="scroll.act3==-1?'act':''" @click="typescroll(3,-1,{})">全部</view>
|
|
||||||
<view :class="scroll.act3==i?'act':''"
|
<view :class="scroll.act3==i?'act':''"
|
||||||
v-for="(v,i) in TreeData[scroll.act1]?.children[scroll.act2]?.children"
|
v-for="(v,i) in TreeData[scroll.act1]?.children[scroll.act2]?.children"
|
||||||
@click="typescroll(3,i,v)">
|
@click="typescroll(3,i,v)">
|
||||||
|
|
@ -138,7 +104,6 @@
|
||||||
|
|
||||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scroll.scrolltop2"
|
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scroll.scrolltop2"
|
||||||
class="scroll-Y">
|
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"
|
<view :class="scroll.act2==i?'act':''" v-for="(v,i) in TreeData[scroll.act1]?.children"
|
||||||
@click="typescroll(2,i,v)">
|
@click="typescroll(2,i,v)">
|
||||||
{{v.title}}
|
{{v.title}}
|
||||||
|
|
@ -147,7 +112,6 @@
|
||||||
|
|
||||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scroll.scrolltop1"
|
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scroll.scrolltop1"
|
||||||
class="scroll-Y scrl1">
|
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)">
|
<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 :src="serverUrl + v.appCheckIconPath" mode="aspectFill" v-if="scroll.act1==i">
|
||||||
</image>
|
</image>
|
||||||
|
|
@ -524,13 +488,13 @@
|
||||||
|
|
||||||
const plzinfo = reactive({
|
const plzinfo = reactive({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 3,
|
pageSize: 10,
|
||||||
canpull: true
|
canpull: true
|
||||||
})
|
})
|
||||||
|
|
||||||
const mobanplzinfo = {
|
const mobanplzinfo = {
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 3,
|
pageSize: 10,
|
||||||
canpull: true
|
canpull: true
|
||||||
}
|
}
|
||||||
const plsbuy = ref([])
|
const plsbuy = ref([])
|
||||||
|
|
@ -623,7 +587,6 @@
|
||||||
// console.log("form", form)
|
// console.log("form", form)
|
||||||
queryCgdInfoList(form).then(res => {
|
queryCgdInfoList(form).then(res => {
|
||||||
InvoicingList.value.push(...res.result.records);
|
InvoicingList.value.push(...res.result.records);
|
||||||
// console.log("chu", InvoicingList.value)
|
|
||||||
detailform.wlId = InvoicingList.value[0].wlId
|
detailform.wlId = InvoicingList.value[0].wlId
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1453,22 +1416,21 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
flex-wrap: wrap;
|
|
||||||
padding: 0vw 1vw 0;
|
padding: 0vw 1vw 0;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
.rights {
|
.rights {
|
||||||
width: 27vw;
|
width: 24.5vw;
|
||||||
height: calc(100% - 4vw);
|
height: calc(100% - 4vw);
|
||||||
margin-top: 4vw;
|
margin-top: 4vw;
|
||||||
|
|
||||||
.serchs {
|
.serchs {
|
||||||
width: 27vw;
|
width: 24.5vw;
|
||||||
height: 3.2vw;
|
height: 3.2vw;
|
||||||
background: rgba(255, 255, 255, .5);
|
background: rgba(255, 255, 255, .5);
|
||||||
border-radius: 1.6vw;
|
border-radius: 1.6vw;
|
||||||
|
|
@ -1600,29 +1562,38 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.toptype {
|
>.toptype {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 2vw;
|
height: 2vw;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
margin: .4vw 0 .4vw 0;
|
margin: .4vw 0 .4vw 0;
|
||||||
|
|
||||||
view {
|
.act {
|
||||||
|
background: rgba(255, 255, 255, 1) !important;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #0385FA !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
>view {
|
||||||
width: 7vw;
|
width: 7vw;
|
||||||
height: 1.9vw;
|
height: 1.9vw;
|
||||||
border-radius: 1vw;
|
border-radius: 1vw;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
background: rgba(255, 255, 255, .5);
|
||||||
|
border: 1px solid rgba(255, 255, 255, .5);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.2vw;
|
font-size: 1.2vw;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shitem {
|
.shitem {
|
||||||
width: 27vw;
|
width: 24.5vw;
|
||||||
height: 10.3vw;
|
height: 10.3vw;
|
||||||
background: #E8E9ED;
|
background: #E8E9ED;
|
||||||
border-radius: 1.6vw;
|
border-radius: 1.6vw;
|
||||||
|
|
@ -1699,200 +1670,110 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.lefts {
|
.lefts {
|
||||||
width: 47vw;
|
width: 46vw;
|
||||||
height: calc(100%);
|
height: calc(100vh - 8vh);
|
||||||
position: relative;
|
position: relative;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0rpx 2px 3px 0rpx rgba(182, 186, 196, 0.24);
|
||||||
|
border-radius: 1.6vw;
|
||||||
|
margin-top: 6vh;
|
||||||
|
|
||||||
.yujing {
|
.caigoudan {
|
||||||
// border: 2px solid rgba(255, 102, 107, 0.51) !important;
|
width: 46vw;
|
||||||
border: 2px solid rgba(255, 102, 107, 0.51) !important;
|
height: 92vh;
|
||||||
box-shadow: 0 0 8px rgba(255, 102, 107, 0.051) inset;
|
background: #FFFFFF;
|
||||||
|
|
||||||
view {
|
|
||||||
.num {
|
|
||||||
view {
|
|
||||||
&:nth-child(1) {
|
|
||||||
color: #FF5757 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.fxj {
|
|
||||||
width: 23vw;
|
|
||||||
height: 22vw;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
bottom: 2vw;
|
|
||||||
z-index: 11;
|
|
||||||
border-radius: 1.6vw;
|
border-radius: 1.6vw;
|
||||||
|
padding: 0.5vw 1.5vw 0;
|
||||||
|
|
||||||
text {
|
.cgdscroll {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-weight: 400;
|
height: calc(92vh - 10vw);
|
||||||
font-size: .9vw;
|
|
||||||
color: #999999;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0vw;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.mblbg {
|
.fler {
|
||||||
width: 24.5vw;
|
display: grid;
|
||||||
height: 21vw;
|
grid-template-columns: 1fr 1fr;
|
||||||
position: absolute;
|
}
|
||||||
left: -1vw;
|
|
||||||
bottom: 0.5vw;
|
|
||||||
border-radius: 1.6vw;
|
|
||||||
filter: blur(15rpx);
|
|
||||||
background: RGBA(239, 240, 244, 1);
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.scroll-Y {
|
.boxitem {
|
||||||
width: 100%;
|
width: 22vw;
|
||||||
height: 90%;
|
height: 10vw;
|
||||||
display: flex;
|
background: rgba(192, 192, 192, 0.14);
|
||||||
flex-wrap: wrap;
|
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) {
|
&:nth-child(2) {
|
||||||
// margin-top: 4vw;
|
font-weight: 400;
|
||||||
// }
|
font-size: 1.1vw;
|
||||||
// }
|
color: #555555;
|
||||||
}
|
margin-top: .6vw;
|
||||||
|
}
|
||||||
|
|
||||||
.boxitem {
|
&:nth-child(3),
|
||||||
width: 22vw;
|
&:nth-child(4) {
|
||||||
height: 12vw;
|
font-weight: 400;
|
||||||
background: rgba(255, 255, 255, .7);
|
font-size: 1.1vw;
|
||||||
border-radius: 1.6vw;
|
color: #666666;
|
||||||
margin: 0 1.3vw 1.4vw 0;
|
margin-top: .2vw;
|
||||||
border: 2px dashed #fff;
|
}
|
||||||
display: inline-block;
|
|
||||||
padding: 1.5vw;
|
|
||||||
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: .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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
.cgdh {
|
||||||
|
|
||||||
.znk {
|
|
||||||
width: 10vw;
|
|
||||||
height: 9.5vw;
|
|
||||||
position: absolute;
|
|
||||||
right: 1.5vw;
|
|
||||||
bottom: 1vw;
|
|
||||||
|
|
||||||
image {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 2.5vw;
|
||||||
}
|
display: flex;
|
||||||
}
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
color: #333333;
|
||||||
|
|
||||||
.carditem {
|
view {
|
||||||
width: 5.8vw;
|
font-size: 1.1vw;
|
||||||
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 {
|
text {
|
||||||
width: 1.4vw;
|
font-size: 1.2vw;
|
||||||
height: 1.4vw;
|
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 {
|
.active {
|
||||||
border: 2px dashed #017DE9 !important;
|
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 {
|
.act {
|
||||||
background: linear-gradient(-69deg, #E1EFFC, #CAE0F9, #D2E9FF) !important;
|
background: linear-gradient(-69deg, #E1EFFC, #CAE0F9, #D2E9FF) !important;
|
||||||
border: 1px solid rgba(0, 130, 251, 0.34) !important;
|
border: 1px solid rgba(0, 130, 251, 0.34) !important;
|
||||||
|
|
@ -1935,199 +1796,19 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 大图
|
|
||||||
.guodu {
|
.guodu {
|
||||||
transition: .4s;
|
transition: .4s;
|
||||||
-webkit-transform-style: preserve-3d;
|
-webkit-transform-style: preserve-3d;
|
||||||
-webkit-overflow-scrolling: touch;
|
-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 {
|
.rel-left {
|
||||||
width: 24vw;
|
width: 26vw;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
margin-top: 6vh;
|
||||||
|
margin-right: -1.2vw;
|
||||||
|
|
||||||
.zuofei {
|
.zuofei {
|
||||||
background-color: #FFE2E2;
|
background-color: #FFE2E2;
|
||||||
|
|
@ -2146,7 +1827,6 @@
|
||||||
|
|
||||||
// margin-left: 1vw;
|
// margin-left: 1vw;
|
||||||
.fxj {
|
.fxj {
|
||||||
// margin-left: 1.5vw;
|
|
||||||
width: 23vw;
|
width: 23vw;
|
||||||
height: 22vw;
|
height: 22vw;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -2170,7 +1850,7 @@
|
||||||
|
|
||||||
.mblbg {
|
.mblbg {
|
||||||
width: 24.5vw;
|
width: 24.5vw;
|
||||||
height: 21vw;
|
height: 25vh;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: -1vw;
|
left: -1vw;
|
||||||
bottom: 0.5vw;
|
bottom: 0.5vw;
|
||||||
|
|
@ -2182,18 +1862,9 @@
|
||||||
|
|
||||||
.scroll-Y {
|
.scroll-Y {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 62%;
|
height: 75vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
// padding-top: ;
|
|
||||||
// margin-top: 20rpx;
|
|
||||||
|
|
||||||
// .boxitem {
|
|
||||||
|
|
||||||
// &:nth-child(1) {
|
|
||||||
// // margin-top: 4vw;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.yujing {
|
.yujing {
|
||||||
|
|
@ -2202,8 +1873,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.boxitem {
|
.boxitem {
|
||||||
width: 22vw;
|
width: 24vw;
|
||||||
height: 19.3vw;
|
height: 14.7vw;
|
||||||
background: rgba(255, 255, 255, .7);
|
background: rgba(255, 255, 255, .7);
|
||||||
border-radius: 1.6vw;
|
border-radius: 1.6vw;
|
||||||
margin: 0 0vw 1.2vw 0.6vw;
|
margin: 0 0vw 1.2vw 0.6vw;
|
||||||
|
|
@ -2213,22 +1884,6 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
>view {
|
>view {
|
||||||
.hl {
|
|
||||||
color: #0385FA;
|
|
||||||
background: #E7F0FB;
|
|
||||||
}
|
|
||||||
|
|
||||||
.yl {
|
|
||||||
background: #DCF6F3;
|
|
||||||
color: #00C6A9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bj {
|
|
||||||
background: #E9EBFC;
|
|
||||||
color: #727BFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
&:nth-child(1) {
|
&:nth-child(1) {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.5vw;
|
font-size: 1.5vw;
|
||||||
|
|
@ -2244,6 +1899,11 @@
|
||||||
font-size: 1.2vw;
|
font-size: 1.2vw;
|
||||||
color: #555555;
|
color: #555555;
|
||||||
margin-top: .6vw;
|
margin-top: .6vw;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
height: 1.5vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:nth-child(3) {
|
&:nth-child(3) {
|
||||||
|
|
@ -2260,98 +1920,27 @@
|
||||||
margin-top: .6vw;
|
margin-top: .6vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:nth-child(5) {
|
||||||
|
width: 100%;
|
||||||
// >&: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;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
justify-content: space-between;
|
||||||
justify-content: center;
|
margin-top: 1.5vw;
|
||||||
|
|
||||||
view {
|
view {
|
||||||
&:nth-child(1) {
|
color: #888888;
|
||||||
font-weight: bold;
|
|
||||||
font-size: 2.2vw;
|
|
||||||
color: #555;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(2) {
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 1vw;
|
|
||||||
color: #999999;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
text {
|
||||||
|
font-weight: bold;
|
||||||
.right-icon {
|
font-size: 1.8vw;
|
||||||
position: absolute;
|
color: #555;
|
||||||
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%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.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 {
|
.mar-left {
|
||||||
margin-left: 100vw;
|
margin-left: 100vw;
|
||||||
}
|
}
|
||||||
|
|
@ -2664,9 +2253,6 @@
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
|
||||||
margin-top: 70rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-font {
|
.card-font {
|
||||||
margin-top: 70rpx;
|
margin-top: 70rpx;
|
||||||
|
|
@ -2702,13 +2288,6 @@
|
||||||
height: 10rpx;
|
height: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.special-pos {
|
|
||||||
width: 100%;
|
|
||||||
height: 10vw;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-flex {
|
.right-flex {
|
||||||
display: 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 {
|
export {
|
||||||
camera as default
|
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 {
|
export {
|
||||||
fullcamera as default
|
fullcamera as default
|
||||||
};
|
};
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue