Commit 20db385d authored by linxin's avatar linxin

Merge branch 'liuxin' into develop

parents 7a7ed1d0 559ce305
src/assets/payment/select.png

1.25 KB | W: | H:

src/assets/payment/select.png

1.13 KB | W: | H:

src/assets/payment/select.png
src/assets/payment/select.png
src/assets/payment/select.png
src/assets/payment/select.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -28,11 +28,11 @@
</item>
<item>
<div slot="name">车辆型号 </div>
<input slot="content" v-model="info.type" readonly placeholder="自动识别车辆型号" >
<input slot="content" v-model="rentInfo.type" readonly placeholder="自动识别车辆型号" >
</item>
<item>
<div slot="name">合格证编号 </div>
<input slot="content" v-model="info.number" readonly placeholder="自动识别合格证编号" >
<input slot="content" v-model="rentInfo.number" readonly placeholder="自动识别合格证编号" >
</item>
<item>
<div slot="name">厂商型号</div>
......@@ -53,6 +53,15 @@
placeholder="请输入车牌号"
>
</item>
<item>
<div slot="name">发车日期</div>
<input
slot="content"
v-model="rentInfo.date"
readonly
placeholder="请输入发车日期"
>
</item>
</list-item>
</div>
</div>
......@@ -98,10 +107,10 @@
</list-item>
<div class="userInfo">设备清单</div>
<div
v-for="(item,index) in numInt"
v-for="(item,index) in equip"
:key="index"
class="equipment"
@click="downNum=true;getRent()"
@click="downNum=true;getRent(item.contract_id)"
>
<div class="left">
<span>
......@@ -134,15 +143,15 @@ export default {
downNum: false,
show: false,
info: {
product_plan_id: '29',
product_num: '1',
first_pay: '102500',
division_n: '平地机',
gps_fee: '500',
bp_name: '黄冲',
project_number: 'PJ2019050043',
bp_agent_name: '上海汉得信息技术股份有限公司 ',
product_plan_id_n: 'PDJ',
product_plan_id: '',
product_num: '',
first_pay: '',
division_n: '',
gps_fee: '',
bp_name: '',
project_number: '',
bp_agent_name: ' ',
product_plan_id_n: '',
},
rentInfo: {
frame_number: '',
......@@ -161,18 +170,11 @@ export default {
}
},
computed: {
numInt () {
if (this.info.product_num !== null && this.info.product_num !== '') {
return parseInt(this.info.product_num)
} else {
return 0
}
},
},
beforeRouteEnter (to, from, next) {
next(vm => {
// vm.getDetail()
// vm.getEquipment()
vm.getDetail()
vm.getEquipment()
})
},
methods: {
......@@ -223,11 +225,11 @@ export default {
}
})
},
getRent () {
getRent (e) {
let vm = this
let url = process.env.basePath + 'leases_info_query'
let param = {
contract_id: vm.equip.contract_id,
contract_id: e,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
......@@ -297,7 +299,7 @@ export default {
.down {
position: relative;
width: 314px;
height: 466px;
height: 506px;
background-size: 301px 24.7px;
background-color: #fff;
}
......
......@@ -59,30 +59,7 @@ export default {
return {
contructs: [],
tabNum: 0,
lists: [{
'project_id': '48812',
'project_number': '',
'bp_name': '张三',
'total_price': '51',
'division_n': 'PDJ',
'confirm_status': 'SUBMIT',
},
{
'project_id': '48800',
'project_number': '',
'bp_name': '李四',
'total_price': '51',
'division_n': 'PDJ',
'confirm_status': 'APPROVED',
},
{
'project_id': '48800',
'project_number': '',
'bp_name': '王五',
'total_price': '51',
'division_n': 'PDJ',
'confirm_status': 'APPROVED',
}],
lists: [],
showList: [],
undo: [],
done: [],
......@@ -101,7 +78,13 @@ export default {
},
},
created () {
this.selectShowList()
},
beforeRouteEnter (to, from, next) {
next(vm => {
if (from.name === 'MyInfo') {
vm.getList()
}
})
},
methods: {
selectShowList () {
......@@ -136,6 +119,31 @@ export default {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.lists = res.lists
// vm.lists = [{
// 'project_id': '48812',
// 'project_number': '',
// 'bp_name': '张三',
// 'total_price': '51',
// 'division_n': 'PDJ',
// 'confirm_status': 'SUBMIT',
// },
// {
// 'project_id': '48800',
// 'project_number': '',
// 'bp_name': '李四',
// 'total_price': '51',
// 'division_n': 'PDJ',
// 'confirm_status': 'APPROVED',
// },
// {
// 'project_id': '48800',
// 'project_number': '',
// 'bp_name': '王五',
// 'total_price': '51',
// 'division_n': 'PDJ',
// 'confirm_status': 'APPROVED',
// }]
vm.selectShowList()
} else {
hlsPopup.showLongCenter(res.message)
}
......
......@@ -42,6 +42,10 @@
<div slot="name">车牌号</div>
<input slot="content" v-model="info.license_plate_number" placeholder="请输入车牌号" >
</item>
<item>
<div slot="name">发车日期</div>
<input slot="content" v-model="showDate" placeholder="请输入发车日期" @click="showTime('YYYY-MM-DD')">
</item>
<!-- <item :showArrow="true" @click.native="showModalValue=true">
<div slot="name">产品参数</div>
<input slot="content" v-model="info.bank_branch_name" placeholder="请选择产品参数" @click="changeHeight">
......@@ -141,7 +145,7 @@
v-for="(item,index) in equip"
:key="index"
class="equipment"
@click="downNum = true;addContractId(item.contract_id)"
@click="downNum = true;getRent(item.contract_id)"
>
<div class="left">
<span>
......@@ -217,7 +221,8 @@ export default {
num: null,
downNum: false,
show: false,
read: false,
read: false, // 表示只读
showDate: '',
productLine: [
{
code: '5',
......@@ -282,6 +287,7 @@ export default {
license_plate_number: '',
type: '',
number: '',
date: '',
},
detail: {
product_num: '',
......@@ -298,23 +304,37 @@ export default {
project_id: '',
bp_id: '',
},
equip: [
{
product_id: '3',
product_code: 'GTC389',
contract_id: '231',
},
],
equip: [],
// {
// product_id: '3',
// product_code: 'GTC389',
// contract_id: '231',
// },
}
},
computed: {
numInt () {
numInt () { // 添加设备的时候处理值为空或者nul的情况
if (this.detail.product_num !== null && this.detail.product_num !== '') {
return parseInt(this.detail.product_num)
} else {
return 0
}
},
carDate () {
let date = new Date()
let y = date.getFullYear()
let m = date.getMonth() + 1
let d = date.getDate()
if ((m.toString()).length < 2) {
m = `0${m}`
} else if ((d.toString()).length < 2) {
d = `0${d}`
}
return `${y}-${m}-${d}`
},
},
created () {
this.showDate = this.carDate
},
beforeRouteEnter (to, from, next) {
next(vm => {
......@@ -331,9 +351,19 @@ export default {
})
},
methods: {
showTime (format) {
this.hlsPopup.showTime({
nowDate: `${this.carDate}`,
format: format,
callback: (date) => {
this.showDate = date
},
})
},
save () {
let vm = this
let url = process.env.basePath + 'leases_info_save'
this.info.date = this.showDate
let param = {
master: this.info,
}
......@@ -369,11 +399,12 @@ export default {
},
})
},
getRent () {
getRent (e) {
let vm = this
vm.info.contract_id = e
let url = process.env.basePath + 'leases_info_query'
let param = {
contract_id: vm.equip.contract_id,
contract_id: e,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
......@@ -385,9 +416,7 @@ export default {
}
})
},
addContractId (e) {
this.info.contract_id = e
},
approve () {
let vm = this
let url = process.env.basePath + 'car_apply_submit'
......@@ -417,7 +446,6 @@ export default {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.equip = res.lists
vm.getRent()
} else {
hlsPopup.showLongCenter(res.message)
}
......@@ -488,33 +516,33 @@ export default {
})
},
getDetail () {
let obj = {
product_plan_id: '29',
product_num: '1',
first_pay: '102500',
division_n: '平地机',
gps_fee: '500',
bp_name: '黄冲',
project_number: 'PJ2019050043',
bp_agent_name: '上海汉得信息技术股份有限公司 ',
product_plan_id_n: 'PDJ',
total_price: '1111111111',
}
Object.assign(this.detail, obj)
// let vm = this
// let url = process.env.basePath + 'con_contract_detial'
// let param = {
// project_id: this.$route.params.project_id,
// let obj = {
// product_plan_id: '29',
// product_num: '1',
// first_pay: '102500',
// division_n: '平地机',
// gps_fee: '500',
// bp_name: '黄冲',
// project_number: 'PJ2019050043',
// bp_agent_name: '上海汉得信息技术股份有限公司 ',
// product_plan_id_n: 'PDJ',
// total_price: '1111111111',
// }
// hlsPopup.showLoading('请稍候')
// vm.$post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
// if (res.result === 'S') {
// Object.assign(vm.detail, res.info)
// } else {
// hlsPopup.showLongCenter(res.message)
// }
// })
// Object.assign(this.detail, obj)
let vm = this
let url = process.env.basePath + 'con_contract_detial'
let param = {
project_id: this.$route.params.project_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
Object.assign(vm.detail, res.info)
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
changeHeight () {
let popClient = document.querySelector('.bottom-content')
......@@ -631,7 +659,7 @@ export default {
.down {
position: relative;
width: 314px;
height: 536px;
height: 586px;
background-size: 301px 24.7px;
background-color: #fff;
}
......
......@@ -63,24 +63,7 @@ export default {
return {
tabNum: 0,
contructs: [],
lists: [
{
project_id: '48812',
project_number: '',
bp_name: '李四',
total_price: '51',
division_n: 'PDJ',
leases_status: 'Y',
},
{
project_id: '48800',
project_number: '',
bp_name: '张三',
total_price: '51',
division_n: 'PDJ',
leases_status: 'N',
},
],
lists: [],
showList: [],
undo: [],
done: [],
......@@ -106,7 +89,6 @@ export default {
},
},
created () {
this.selectShowList()
},
methods: {
selectShowList () {
......@@ -148,6 +130,25 @@ export default {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.lists = res.lists
// vm.lists = [
// {
// project_id: '48812',
// project_number: '',
// bp_name: '李四',
// total_price: '51',
// division_n: 'PDJ',
// leases_status: 'Y',
// },
// {
// project_id: '48800',
// project_number: '',
// bp_name: '张三',
// total_price: '51',
// division_n: 'PDJ',
// leases_status: 'N',
// },
// ]
vm.selectShowList()
} else {
hlsPopup.showLongCenter(res.message)
}
......
......@@ -188,7 +188,7 @@ export default {
background-color: #00469C;
.now-pay {
background: url('../../../assets/payment/background.png');
// background: url('../../../assets/payment/background.png');
background-size: 365px;
background-position: -5px;
position: absolute;
......
......@@ -2,47 +2,59 @@
<h-view id="first-pay" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="goHome">
<img src="@/assets/userBind/arrow.png" @click="goHome" >
<span>首付款支付</span>
</div>
</h-header>
<div class="center">
<div class="now-pay">
<div>当前应付</div>
<div><span></span>{{ money |currency }}</div>
<h-content>
<div class="top-head">
<div class="center">
<div class="now-pay">
<div class="title">当前应付</div>
<div class="data">
<span></span>
{{ money |currency }}
</div>
</div>
</div>
</div>
</div>
<h-content class="pay-content">
<div class="pay-money">
<div class="pay-icon"><img src="@/assets/payment/first-pay.png" alt="">首付款支付</div>
<div class="pay-input">
<span>应还首付款</span>
<input v-model="money" type="text" placeholder="请输入支付金额">
<div @click="createOrder"><i class="icon ion-ios-arrow-right"/></div>
<section class="pay-content">
<div class="pos">
<div class="pay-money">
<div class="pay-icon">
<img src="@/assets/payment/first-pay.png" >首付款支付
</div>
<div class="pay-input">
<span>应还首付款</span>
<input v-model="money" type="text" placeholder="请输入支付金额" >
<div @click="createOrder">
<i class="icon ion-ios-arrow-right" />
</div>
</div>
</div>
</div>
</section>
<div class="prompt">
<div>
<img src="@/assets/payment/prompt.png" alt >
</div>
<div>
<p>温馨提示</p>
<p>推荐使用农行卡,农行卡支付免收手续费!</p>
</div>
</div>
</h-content>
<div class="prompt">
<div><img src="@/assets/payment/prompt.png" alt=""></div>
<div>
<p>温馨提示</p>
<p>推荐使用农行卡,农行卡支付免收手续费!</p>
</div>
</div>
<bottom-tab>
<tab-button class="footer" @click.native="pay">
&nbsp;&nbsp;
</tab-button>
<tab-button class="footer" @click.native="pay">&nbsp;&nbsp;</tab-button>
</bottom-tab>
</h-view>
</template>
<script>
export default {
name: 'FirstPay',
components: {
},
components: {},
data () {
return {
money: 0,
......@@ -54,7 +66,9 @@ export default {
if (from.name === 'MyInfo') {
vm.getDownPayment()
} else if (from.name === 'Success') {
vm.money = parseInt(vm.default) - parseInt(window.sessionStorage.getItem('money'))
vm.money =
parseInt(vm.default) -
parseInt(window.sessionStorage.getItem('money'))
vm.default = vm.money
}
})
......@@ -156,80 +170,64 @@ export default {
</script>
<style lang='less' >
#first-pay {
.h-header {
background-color: #00469C;
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
}
.center {
position: relative;
height: 50px;
background-color: #00469C;
.top-head {
width: 100%;
height: 206px;
background: url("../../../assets/payment/back1.png");
background-size: 100% 206px;
.now-pay {
background: url('../../../assets/payment/background.png');
background-size: 365px;
background-position: -5px;
position: absolute;
left: 10px;
z-index: 2;
text-align: center;
width: 355px;
height: 89px;
border-radius: 4px;
box-shadow: 0 1px 3px 2px rgba(168,168,168,0.14);
:first-child {
width: 90px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
.title {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383F45;
height: 35px;
line-height: 42px;
color: #ffffff;
margin-top: 20px;
}
:last-child {
font-family: DIN-Bold;
.data {
font-family: Verdana-Bold;
font-size: 24px;
color: #FF8300;
font-weight: 700;
span {
font-size: 16px;
margin-right: 5px;
}
color: #ffffff;
letter-spacing: 0;
line-height: 18px;
text-align: center;
margin-top: 16px;
}
}
}
.pay-content {
padding-top: 50px;
position: relative;
top: -47px;
width: 100%;
height: 94px;
display: flex;
justify-content: center;
.pos {
width: 96%;
height: 100%;
background: #ffffff;
box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
}
.pay-money {
height: 74px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex: 1;
background-color: #fff;
padding-left: 16px;
.pay-icon {
height: 50%;
display: flex;
align-items: center;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #00469C;
padding-top: 12px;
color: #00469c;
img{
img {
width: 18px;
display: block;
float: left;
......@@ -238,17 +236,21 @@ export default {
}
.pay-input {
margin-top: 11px;
display: flex;
height: 50%;
display: flex;
align-items: center;
flex:1;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
height: 37px;
span {
flex: 2;
text-align: left;
line-height: 37px;
height: 100%;
display: flex;
align-items: center;
}
input {
......@@ -257,14 +259,16 @@ export default {
padding-right: 5px;
}
div{
div {
display: flex;
height: 100%;
align-items: center;
flex: 1;
text-align: center;
line-height: 37px;
background: rgba(0,70,156,0.08);
background: rgba(0, 70, 156, 0.08);
i {
color: #00469C;
color: #00469c;
font-size: 16px;
}
}
......@@ -272,17 +276,19 @@ export default {
input::placeholder {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #B4B4B5;
color: #b4b4b5;
}
}
}
}
.prompt {
background: rgba(142,195,30,0.10);
background: rgba(142, 195, 30, 0.1);
height: 77px;
display: flex;
position: absolute;
width: 100%;
bottom: 0;
div:first-child {
flex: 1;
padding: 16px 0 0 16px;
......@@ -294,13 +300,13 @@ export default {
}
div:last-child {
flex:12;
flex: 12;
p:first-child {
padding-top: 16px;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #8EC31E;
color: #8ec31e;
letter-spacing: 0.5px;
}
......@@ -308,16 +314,16 @@ export default {
padding-top: 15px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: rgba(101,100,100,0.80);
color: rgba(101, 100, 100, 0.8);
letter-spacing: 0.37px;
}
}
}
.bottom-tab-button{
background: #00469C;
.bottom-tab-button {
background: #00469c;
border-radius: 4px;
color:white;
color: white;
height: 40px;
margin: 4px 2% 0 2%;
}
......
......@@ -13,6 +13,13 @@
<div>{{ money |currency }}</div>
</div>
<list-item :item-height="56" class="pay-way">
<item v-for="(item,index) in nongBank" :proportion="[7,1,1]" :key="index" @click.native="isSelect(`nong${index}`)">
<div slot="name" style="flex=3"> <img :src="selectImg(item)" alt="" class="icon"> {{ item.bank_full_name }}({{ selectLast(item) }})<img v-show="item.recommand" class="push" src="@/assets/payment/push.png"></div>
<section slot="content">
<img v-show="select === `nong${index}`" src="@/assets/payment/select.png" alt="">
<img v-show="select !== `nong${index}`" src="@/assets/payment/unselect.png" alt="">
</section>
</item>
<item :proportion="[7,1,1]" @click.native="isSelect('one')">
<div slot="name"> <img src="@/assets/payment/alipay.png" alt="" class="icon1"> 支付宝</div>
<section slot="content">
......@@ -40,7 +47,7 @@
</h-content>
<bottom-tab>
<tab-button class="footer" @click.native="pay">
<tab-button class="foot" @click.native="pay">
立即付款
</tab-button>
</bottom-tab>
......@@ -75,22 +82,22 @@ export default {
recommand: false,
flag: false, // 用于判断是否有农业银行卡
lists: [],
nongBank: [], // 存农行卡
}
},
computed: {
newList () {
let vm = this
let value
let flag
vm.lists.forEach((item, i) => {
if (item.bank_full_name.indexOf('农业') !== -1) {
value = vm.lists.splice(i, 1)
vm.lists.unshift(...value)
flag = true
vm.nongBank.push(...value)
vm.flag = true
}
})
if (flag) {
vm.select = 'three0'
if (vm.flag) {
vm.select = 'nong0'
} else {
vm.select = 'one'
}
......@@ -195,24 +202,7 @@ export default {
margin-left:10px;
width:35px;
}
.h-header {
background-color: #00469C;
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
}
.entry-content {
.amount {
height: 166px;
......@@ -281,13 +271,9 @@ export default {
}
}
.bottom-tab-button{
background: #00469C;
border-radius: 4px;
color:white;
height: 40px;
margin: 4px 2% 0 2%;
}
.foot{
background-color: @headerColor;
color: #fff;
}
}
</style>
......@@ -106,7 +106,7 @@ export default {
background-color: #00469C;
.now-pay {
background: url('../../../assets/payment/background.png');
// background: url('../../../assets/payment/background.png');
background-size: 365px;
background-position: -5px;
position: absolute;
......
......@@ -6,7 +6,6 @@
<span>支付中心</span>
</div>
</h-header>
<h-content class="entry-content">
<div class="amount">
<p>首付还款</p>
......
......@@ -46,7 +46,7 @@
</section>
<list-item :item-height="44">
<item>
<div slot="name">应还违约金</div>
<div slot="name">逾期利息</div>
<span slot="content">{{ money|currency }}</span>
</item>
</list-item></h-content>
......@@ -221,7 +221,7 @@ export default {
background-color: #00469C;
.now-pay {
background: url('../../../assets/payment/background.png');
// background: url('../../../assets/payment/background.png');
background-size: 365px;
background-position: -5px;
position: absolute;
......
......@@ -187,7 +187,7 @@ export default {
background-color: #00469C;
.now-pay {
background: url('../../../assets/payment/background.png');
// background: url('../../../assets/payment/background.png');
background-size: 365px;
background-position: -5px;
position: absolute;
......
......@@ -13,6 +13,13 @@
<div>{{ money |currency }}</div>
</div>
<list-item :item-height="56" class="pay-way">
<item v-for="(item,index) in nongBank" :proportion="[7,1,1]" :key="index" @click.native="isSelect(`nong${index}`)">
<div slot="name" style="flex=3"> <img :src="selectImg(item)" alt="" class="icon"> {{ item.bank_full_name }}({{ selectLast(item) }})<img v-show="item.recommand" class="push" src="@/assets/payment/push.png"></div>
<section slot="content">
<img v-show="select === `nong${index}`" src="@/assets/payment/select.png" alt="">
<img v-show="select !== `nong${index}`" src="@/assets/payment/unselect.png" alt="">
</section>
</item>
<item :proportion="[7,1,1]" @click.native="isSelect('one')">
<div slot="name"> <img src="@/assets/payment/alipay.png" alt="" class="icon1"> 支付宝</div>
<section slot="content">
......@@ -67,7 +74,8 @@ export default {
data () {
return {
money: '',
select: 'three0',
select: 'one',
nongBank: [], // 存农行卡
flag: false, // 用于判断是否有农业银行卡
lists: [],
}
......@@ -76,16 +84,15 @@ export default {
newList () {
let vm = this
let value
let flag
vm.lists.forEach((item, i) => {
if (item.bank_full_name.indexOf('农业') !== -1) {
value = vm.lists.splice(i, 1)
vm.lists.unshift(...value)
flag = true
vm.nongBank.push(...value)
vm.flag = true
}
})
if (flag) {
vm.select = 'three0'
if (vm.flag) {
vm.select = 'nong0'
} else {
vm.select = 'one'
}
......@@ -191,30 +198,19 @@ export default {
</script>
<style lang='less' >
#payment-pay-entry {
.icon {
width: 30px;
display: block;
float: left;
position: relative;
margin: 12px 8px 0 3px;
}
.push{
position: absolute;
top:10px;
margin-left:10px;
width:35px;
}
.h-header {
background-color: #00469C;
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
}
.entry-content {
.amount {
height: 166px;
......@@ -265,13 +261,7 @@ export default {
margin-top: 12px;
margin-right: 8px;
}
.icon {
width: 30px;
display: block;
float: left;
position: relative;
margin: 12px 8px 0 3px;
}
}
.add-content {
......@@ -283,13 +273,9 @@ export default {
}
}
.bottom-tab-button{
background: #00469C;
border-radius: 4px;
color:white;
height: 40px;
margin: 4px 2% 0 2%;
}
.footer{
color: #fff;
background-color: @headerColor;
}
}
</style>
......@@ -80,23 +80,6 @@ export default {
<style lang="less" scoped>
#result {
background-color: #fafafa;
.h-header {
background-color: #00469c;
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
}
.my-content {
height: 400px;
background-color: #fff;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment