@ -137,6 +137,7 @@
< p v-if ="popText=='密码器'" class="tips" > < / p >
< p v -else -if = " popText = = ' 重要空白凭证箱 ' | | popText = = ' 普通凭证箱 ' " class = "tips" > - 请从以下物品中选取所需材料 - < / p >
< p v -else -if = " needBackMoney " class = "tips" > - 请领取您所需要的现金 - < / p >
< p v -else class = "tips" > - 请从物品栏选中或拖拽所需材料 - < / p >
<!-- 动画开始 -- >
@ -277,6 +278,29 @@
< p class = "text" > { { item . name } } < / p >
< / div >
< / div >
< div v -else -if = " popText = = = ' 钱箱 ' " class = "list " ref = "popUp" >
< template v-if ="!needBackMoney" >
< div class = "img-wrap" v-for ="(item, index) in goodState" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id" >
<!-- < img :src ="item.src" class = "file" alt = "" / > -- >
< el -image
: src = "item.src"
class = "file"
: alt = "item.name"
: title = "item.name"
fit = "scale-down" > < / e l - i m a g e >
< p class = "text" > { { item . name } } < / p >
< / div >
< / template >
< div v -else class = "backMoneyBox" >
<!-- cashboxGoodsShelf2 -- >
< div class = "backMoney" v-for ="item in cashboxGoodsShelf2" :key="item.id" >
< img :src ="item.src" :alt ="item.name" :title ="item.name" >
<!-- < el -image src = "item.src" :alt ="item.name" :title ="item.name" / > -- >
< input : class = "{ isInputMoney: item.num>0 }" placeholder = "请输入张数" v -model = " item.num " @keyup ="inputChange(item)" / >
< / div >
< / div >
< / div >
<!-- 暂时未确定是否公共使用一个弹框 receptionList -- >
@ -339,27 +363,44 @@
<!-- 客户返还资料或签字的对话框 -- >
< el -dialog
title = "客户对话中..."
: show - close = "false"
: visible . sync = "peopleJudge"
custom - class = "2xl:w-7/12 xl:w-9/12 lg:w-full h-auto rounded-2xl border-2 border-gray-600 "
custom - class = "bgNone "
center >
< h3 class = "text-2xl antialiased text-center" > 请选择客户签字或返还资料 < / h3 >
< span slot = "footer" class = "dialog-footer" >
< el -button @click ="peopleDoing(1)" style = "width:200px;height:50px;" > 客户签字 < / e l - b u t t o n >
< el -button type = "primary" @click ="peopleDoing(2)" style = "width:200px;height:50px;" > 返还资料 < / e l - b u t t o n >
< / span >
< div class = "data-dia peopleDialog" ref = "dataDia2" v-drag >
< div class = "dia-header h-1/6" >
< div class = "data-title" > 客户对话中 < / div >
< img class = "close" v -lazy = " lazyImg [ 28 ] " alt = "" @click ="closePeopleJudge" / >
< / div >
< h2 > 请选择以下一个业务进行办理 < / h2 >
< div class = "dia-footer" >
< button v -throttle @click ="peopleDoing(1)" class = "w-20" type = "button" > 客户签字 < / button >
< button v -throttle @click ="peopleDoing(2)" class = "w-20" type = "button" > 返还资料 < / button >
<!-- < el -button type = "primary" v -throttle @click ="popSure" > 确定 < / el -button > -- >
< / div >
< / div >
< / e l - d i a l o g >
<!-- 提示对话框 -- >
< el -dialog
title = "提示"
: visible . sync = "voucherCardGet"
width = "30%"
: show - close = "false"
: visible . sync = "tipsDialog "
custom - class = "bgNone "
center >
< h3 class = "text-2xl antialiased text-center" > 请问需要取出几张银行卡 < / h3 >
< span slot = "footer" class = "dialog-footer" >
< el -button @click ="voucherCardGetIt(1)" > 取出一张 < / el -button >
< el -button type = "primary" @click ="voucherCardGetIt(2)" > 取出两张 < / el -button >
< / span >
< div class = "data-dia tipsDialog" ref = "dataDia2" v-drag >
< div class = "dia-header h-1/6" >
< div class = "data-title" > 提示 < / div >
< img class = "close" v -lazy = " lazyImg [ 28 ] " alt = "" @click ="changeTipsDialog(false)" / >
< / div >
< h3 > 您已选择 : < / h3 >
< h3 v-for ="item in backMoneyArr" :key="item.key" > 面额 {{ item.name }} < img :src ="require('@/assets/img/cash/乘号3.svg')" / > { { item . num + '张' } } = { { parseInt ( item . name ) * item . num + '元' } } < / h3 >
< h3 > 总额 { { backMoneyTotal + '元' } } < / h3 >
< h3 style = "margin-top: 60px;margin-bottom: 60px;" > 确定从钱箱取出吗 ? < / h3 >
< div class = "dia-footer" >
< button v -throttle @click ="getMoneyTotal(false)" class = "hover:bg-red-700" type = "button" > 取消 < / button >
< button v -throttle @click ="getMoneyTotal(true)" class = "hover:bg-red-700" type = "button" > 确定 < / button >
< / div >
< / div >
< / e l - d i a l o g >
< / div >
< / template >
@ -373,6 +414,7 @@ import backButton from '@/components/backButton'
import { myConfig } from './myConfig.js'
import saveSystemModule from '@/mixins/saveSystemModule'
import CheckPhoto from '@/components/checkPhoto'
import { inputListen } from '@/utils/utilFunction.js'
/ / i m p o r t T i p D i a l o g f r o m ' @ / c o m p o n e n t s / t i p D i a l o g '
export default {
@ -421,6 +463,7 @@ export default {
/ / p e o p l e S i g n : [ ] ,
/ / m o n e y B o x : [ ] ,
peopleJudge : false ,
tipsDialog : false ,
peopleDo : 1 ,
showBusiness : false ,
manageVisible : false , / / 显 示 系 统 录 入
@ -489,6 +532,17 @@ export default {
{ name : '现金' , src : require ( '@/assets/img/goods/cash-sm.png' ) , id : 15 } ,
{ name : '身份证复印件' , src : require ( '@/assets/img/idCard-copy-sm.png' ) , id : 23 } ,
] ,
/ / i d 乱 配
cashboxGoodsShelf2 : [
{ name : '100元' , src : require ( '@/assets/img/cash/100元.png' ) , id : 15 , num : '' } ,
{ name : '50元' , src : require ( '@/assets/img/cash/50元.png' ) , id : 4399 , num : '' } ,
{ name : '20元' , src : require ( '@/assets/img/cash/20元.png' ) , id : 4400 , num : '' } ,
{ name : '10元' , src : require ( '@/assets/img/cash/10元.png' ) , id : 4401 , num : '' } ,
{ name : '5元' , src : require ( '@/assets/img/cash/5元.png' ) , id : 4402 , num : '' } ,
{ name : '1元' , src : require ( '@/assets/img/cash/1元.png' ) , id : 4403 , num : '' } ,
{ name : '5角' , src : require ( '@/assets/img/cash/5角.png' ) , id : 4404 , num : '' } ,
{ name : '1角' , src : require ( '@/assets/img/cash/1角.png' ) , id : 4405 , num : '' } ,
] ,
/ / 总 盒 子 里 面 的 东 西 写 在 c o m p u t e d 了 业 务 物 品
/ / g o o d s S h e l f T o t a l D a t a : [
/ / { n a m e : ' 身 份 证 ' , s r c : r e q u i r e ( ' @ / a s s e t s / i m g / g o o d s / i d c a r d . p n g ' ) , i d : 1 3 ,
@ -665,6 +719,14 @@ export default {
} ,
computed : {
/ / 业 务 一 和 其 他 业 务 的 银 行 卡 不 一 样
backMoneyArr ( ) {
return this . cashboxGoodsShelf2 . filter ( item => item . num > 0 )
} ,
backMoneyTotal ( ) {
return this . cashboxGoodsShelf2 . reduce ( ( total , item ) => {
return total + parseInt ( item . name ) * item . num
} , 0 )
} ,
needPasswordAgain ( ) {
if ( this . id == '62,1' || this . id == '62,2' || this . id == '62,3' || this . id == '129' || this . id == '167' || this . id == '301' ) {
return true
@ -1125,9 +1187,22 @@ export default {
}
this . voucherCardGet = false
} ,
changeTipsDialog ( changeIt = false ) {
this . tipsDialog = changeIt
} ,
getMoneyTotal ( changeIt ) {
/ / 如 果 是 确 认 ， 执 行 一 些 东 西
if ( changeIt ) {
console . log ( this . backMoneyTotal )
}
this . tipsDialog = false
} ,
changePeopleJudge ( ) {
this . peopleJudge = true ;
} ,
closePeopleJudge ( ) {
this . peopleJudge = false ;
} ,
peopleDoing ( peopleDo ) {
this . peopleDo = peopleDo ;
this . peopleJudge = false ;
@ -1157,68 +1232,6 @@ export default {
} ,
showData ( type , nbm ) { /* 展示弹窗-type为弹窗标题文字 */
this . nbm = nbm
/ / 业 务 的 东 西
/ / t h i s . g o o d s S h e l f T o t a l D a t a = [ . . . t h i s . g o o d s 2 ]
/ / i f ( t y p e = = ' 普 通 凭 证 箱 ' | | t y p e = = ' 系 统 ' ) {
/ / / / t h i s . g o o d s S h e l f T o t a l D a t a = t h i s . s y s t e m I n p u t G o o d s S h e l f
/ / l e t p a r e n t I d = ' '
/ / i f ( t y p e = = ' 普 通 凭 证 箱 ' ) {
/ / p a r e n t I d = ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 3 '
/ / }
/ / i f ( t y p e = = ' 系 统 ' ) {
/ / p a r e n t I d = ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 5 '
/ / }
/ / } e l s e i f ( t y p e = = ' 身 份 证 扫 描 仪 ' | | t y p e = = ' 验 钞 机 ' | | t y p e = = ' 资 料 ' | | t y p e = = ' 重 要 空 白 凭 证 箱 ' | | t y p e = = ' 身 份 证 扫 描 器 ' ) {
/ / / / t h i s . g o o d s S h e l f T o t a l D a t a = t h i s . a u d i t G o o d s S h e l f
/ / l e t p a r e n t I d = ' '
/ / i f ( t y p e = = ' 重 要 空 白 凭 证 箱 ' ) {
/ / p a r e n t I d = ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 2 '
/ / }
/ / i f ( t y p e = = ' 资 料 ' ) {
/ / p a r e n t I d = ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 1 1 '
/ / }
/ / i f ( t y p e = = ' 验 钞 机 ' ) {
/ / p a r e n t I d = ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 9 '
/ / }
/ / i f ( t y p e = = ' 身 份 证 扫 描 仪 ' ) {
/ / p a r e n t I d = ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 7 '
/ / }
/ / l e t p a r a m = {
/ / p a r e n t I d : p a r e n t I d
/ / }
/ / } e l s e i f ( t y p e = = ' 打 印 机 ' | | t y p e = = ' 客 户 签 字 ' | | t y p e = = ' 印 章 盒 ' ) {
/ / / / t h i s . g o o d s S h e l f T o t a l D a t a = t h i s . p r i n t o u t G o o d s S h e l f
/ / l e t p a r e n t I d = ' '
/ / i f ( t y p e = = ' 打 印 机 ' ) {
/ / p a r e n t I d = ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 1 0 '
/ / } e l s e i f ( t y p e = = ' 客 户 签 字 ' ) {
/ / p a r e n t I d = ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 1 2 '
/ / } e l s e i f ( t y p e = = ' 返 还 资 料 ' ) {
/ / p a r e n t I d = ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 1 2 '
/ / } e l s e i f ( t y p e = = ' 印 章 盒 ' ) {
/ / p a r e n t I d = ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 8 '
/ / }
/ / } e l s e i f ( t y p e = = ' 钱 箱 ' ) {
/ / / / t h i s . g o o d s S h e l f T o t a l D a t a = t h i s . c a s h b o x G o o d s S h e l f ;
/ / l e t p a r a m = {
/ / p a r e n t I d : ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 1 '
/ / }
/ / g e t O p e r a t i o n ( p a r a m ) . t h e n ( ( d a t a ) = > {
/ / i f ( d a t a . d a t a . s t a t u s = = 2 0 0 ) {
/ / v a r l i s t = d a t a . d a t a . j u d g m e n t R u l e R e q s
/ / f o r ( v a r j = 0 ; j < l i s t . l e n g t h ; j + + ) {
/ / f o r ( v a r i = 0 ; i < t h i s . g o o d s S h e l f T o t a l D a t a . l e n g t h ; i + + ) {
/ / i f ( l i s t [ j ] . a n s w e r I d = = t h i s . g o o d s S h e l f T o t a l D a t a [ i ] . i d ) {
/ / t h i s . r e c e p t i o n L i s t . p u s h ( t h i s . g o o d s S h e l f T o t a l D a t a [ i ] )
/ / }
/ / }
/ / }
/ / } e l s e {
/ / t h i s . r e c e p t i o n L i s t = [ ]
/ / }
/ / } ) . c a t c h ( ( e r r o r ) = > {
/ / } )
/ / }
this . changeShowGoods ( true )
if ( type !== '系统' ) {
this . $store . commit ( 'system/changePop' , { show : true , text : type , id : this . id } )
@ -1744,29 +1757,28 @@ export default {
let projectId = sessionStorage . getItem ( 'projectId' )
let startTime = sessionStorage . getItem ( 'startTime' )
let formList = [ ] ;
if ( this . needBackMoney && this . goodState . length === 0 ) {
if ( this . goodState . length === 0 ) {
let params = {
parentId : '285,' + this . $store . state . system . businessSelect [ this . $store . state . system . businessKey ] . id + ',287,1' ,
lcJudgmentRuleReq : [
{
"answerId" : 15 ,
"emptyOne" : "" ,
"emptyTwo" : "" ,
"operationIds" : "285," + this . $store . state . system . businessSelect [ this . $store . state . system . businessKey ] . id + ",287,1," + 15 ,
"type" : ""
}
] ,
projectId : + projectId ,
startTime : startTime ,
}
addOperation ( params ) . then ( ( data ) => {
this . setTipsOperate ( '取钱成功!' )
} ) . catch ( ( error ) => {
} )
} else {
/ / t h i s . s e t T i p s O p e r a t e ( ' 你 的 钱 还 在 钱 箱 里 ！ ' )
}
if ( this . needBackMoney ) {
this . tipsDialog = true
console . log ( this . backMoneyArr )
/ / l e t p a r a m s = {
/ / p a r e n t I d : ' 2 8 5 , ' + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + ' , 2 8 7 , 1 ' ,
/ / l c J u d g m e n t R u l e R e q : [
/ / {
/ / " a n s w e r I d " : 1 5 ,
/ / " e m p t y O n e " : " " ,
/ / " e m p t y T w o " : " " ,
/ / " o p e r a t i o n I d s " : " 2 8 5 , " + t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s S e l e c t [ t h i s . $ s t o r e . s t a t e . s y s t e m . b u s i n e s s K e y ] . i d + " , 2 8 7 , 1 , " + 1 5 ,
/ / " t y p e " : " "
/ / }
/ / ] ,
/ / p r o j e c t I d : + p r o j e c t I d ,
/ / s t a r t T i m e : s t a r t T i m e ,
/ / }
/ / a d d O p e r a t i o n ( p a r a m s ) . t h e n ( ( d a t a ) = > {
/ / t h i s . s e t T i p s O p e r a t e ( ' 取 钱 成 功 ! ' )
/ / } ) . c a t c h ( ( e r r o r ) = > {
/ / } )
/ / c o n s o l e . l o g ( t h i s . )
/ / 如 果 需 要 钱 箱 取 钱 并 且 满 足 了
} else {
@ -1949,24 +1961,9 @@ export default {
const targetDom = this . $refs . goods . getBoundingClientRect ( )
return evt . originalEvent . pageX < targetDom .right & & evt.originalEvent.pageX > targetDom . left && evt . originalEvent . pageY < targetDom .bottom & & evt.originalEvent.pageY > targetDom . top
} ,
/ / i n p u t L i s t e n C a r d ( v a l , p r o p ) {
/ / c o n s t t m p C h e c k = v a l . s u b s t r ( v a l . l e n g t h - 1 , 1 ) ;
/ / i f ( t m p C h e c k = = = ' ' ) {
/ / r e t u r n ;
/ / }
/ / i f ( v a l = = = ' ' ) {
/ / t h i s [ p r o p ] = v a l ;
/ / r e t u r n ;
/ / }
/ / c o n s t t m p G e t = N u m b e r ( v a l . r e p l a c e ( / \ D + / , ' ' ) )
/ / i f ( t m p G e t < = 2 & & t m p G e t > 0 ) {
/ / t h i s [ p r o p ] = t m p G e t
/ / } e l s e {
/ / t h i s . s e t T i p s O p e r a t e ( ' 最 多 只 能 取 出 两 张 ' )
/ / t h i s [ p r o p ] = 2
/ / }
/ / }
inputChange ( item ) { / / 输 入 框 值 改 变
item . num = item . num . replace ( /[^\d]/g , '' )
} ,
}
} ;
< / script >
@ -2099,7 +2096,7 @@ export default {
width : 8 vw ;
}
. computer {
top : 3 0vh ;
top : 4 0vh ;
left : 44 vw ;
width : 10 vw ;
}
@ -2200,9 +2197,9 @@ export default {
width : 139 px ;
}
. computer {
top : 9 0px ;
left : 85 0px ;
width : 20 0 px ;
top : 14 0px ;
left : 79 0px ;
width : 23 0 px ;
}
. card - machine {
top : 355 px ;
@ -2430,11 +2427,11 @@ export default {
left : 40 vw ;
width : 8 vw ;
}
. computer {
top : 30 vh ;
left : 44 vw ;
width : 10 vw ;
}
/ / . c o m p u t e r {
/ / t o p : 3 0 v h ;
/ / l e f t : 4 4 v w ;
/ / w i d t h : 1 0 v w ;
/ / }
. card - machine {
top : 45 vh ;
left : 52 vw ;
@ -2541,11 +2538,11 @@ export default {
left : 38 vw ;
width : 8 vw ;
}
. computer {
top : 30 vh ;
left : 44 vw ;
width : 10 vw ;
}
/ / . c o m p u t e r {
/ / t o p : 3 0 v h ;
/ / l e f t : 4 4 v w ;
/ / w i d t h : 1 0 v w ;
/ / }
. card - machine {
top : 48 vh ;
left : 55 vw ;
@ -2781,7 +2778,7 @@ export default {
width : 7 vw ;
}
. computer {
top : 22 vh ;
top : 29 vh ;
left : 40 vw ;
width : 10 vw ;
}
@ -2892,8 +2889,8 @@ export default {
width : 112 px ;
}
. computer {
top : 29 vh ;
left : 42 vw ;
top : 34 vh ;
left : 40 vw ;
width : 148 px ;
}
. card - machine {
@ -3077,6 +3074,7 @@ export default {
z - index : 99 ;
}
. data - dia {
min - height : 60 vh ;
border - radius : 16 px ;
/ / m a r g i n - t o p : 4 v h ! i m p o r t a n t ;
background : # fff ;
@ -3201,7 +3199,7 @@ export default {
}
. list {
width : 940 px ;
max - height : 3 0vh ;
max - height : 5 0vh ;
min - height : 30 vh ;
overflow : auto ;
display : flex ;
@ -3250,6 +3248,43 @@ export default {
}
}
}
. backMoneyBox {
width : 100 % ;
display : flex ;
justify - content : center ;
align - items : center ;
flex - wrap : wrap ;
. backMoney {
width : 50 % ;
display : flex ;
justify - content : center ;
margin : 10 px 0 ;
img {
width : 148 px ;
height : 73.5 px ;
margin - right : 10 px ;
/ / b o x - s h a d o w : 0 2 p x 4 p x 0 r g b a ( 0 , 0 , 0 , 0 . 2 0 ) ;
}
input {
width : 204 px ;
height : 72 px ;
text - align : center ;
opacity : 0.5 ;
border : 4 px solid rgba ( 219 , 219 , 219 , 1 ) ;
border - radius : 16 px ;
& : focus {
outline : none ;
opacity : 1 ;
border : 4 px solid rgba ( 97 , 145 , 255 , 1 ) ;
}
}
. isInputMoney {
opacity : 1 ;
border : 4 px solid rgba ( 97 , 145 , 255 , 1 ) ;
}
}
}
}
. seal {
width : 970 px ;
@ -3520,4 +3555,94 @@ color: #fff;
/deep/ . z500 {
z - index : 5000 ;
}
/deep/ . bgNone {
background - color : transparent ;
box - shadow : 0 0 0 0 ! important ;
. peopleDialog {
width : 580 px ;
height : 466 px ;
background : # FFFFFF ;
border - radius : 16 px ;
box - shadow : 0 0 0 0 ! important ;
h2 {
margin - top : 14.3 % ;
/ / o p a c i t y : 0 . 8 ;
font - family : PingFangHeavy ;
font - size : 30 px ;
color : # 000000 ;
letter - spacing : 0.36 px ;
font - weight : 500 ;
text - align : center ;
}
. dia - footer {
margin - top : 10 vh ;
button {
width : 512 px ;
height : 60 px ;
margin : 10 px 0 0 0 ;
background : # 6191 FF ;
border - radius : 16 px ;
font - size : 30 px ;
color : # FFFFFF ;
letter - spacing : 0.36 px ;
text - align : center ;
font - weight : 600 ;
}
}
}
. tipsDialog {
width : 580 px ;
height : 520 px ;
background : # FFFFFF ;
border - radius : 16 px ;
box - shadow : 0 0 0 0 ! important ;
font - family : PingFangHeavy ;
h3 {
/ / o p a c i t y : 0 . 8 ;
font - size : 30 px ;
color : # 000000 ;
letter - spacing : 0.36 px ;
line - height : 42 px ;
font - weight : 500 ;
height : 42 px ;
img {
width : 18 px ;
height : 42 px ;
/ / l i n e - h e i g h t : 2 4 p x ;
display : inline - block ;
font - size : 30 px ;
font - weight : 400 ;
color : green ;
}
}
. dia - footer {
display : flex ;
justify - content : center ;
align - items : center ;
button {
/ / f o n t - s t y l e : ;
font - size : 30 px ;
color : # FFFFFF ;
letter - spacing : 0.36 px ;
text - align : center ;
font - weight : 600 ;
margin : 0 10 px ;
& : nth - child ( 1 ) {
width : 240 px ;
height : 60 px ;
opacity : 0.3 ;
background : # 6191 FF ;
border - radius : 16 px ;
}
& : nth - child ( 2 ) {
width : 240 px ;
height : 60 px ;
background : # 6191 FF ;
border - radius : 16 px ;
}
}
}
}
}
< / style >
luoJunYong.123
3 years ago
