81 lines
1.5 KiB
Vue
81 lines
1.5 KiB
Vue
|
<template>
|
||
|
<view class="conent">
|
||
|
<view class="con_kuo"
|
||
|
@click="navigator(`/pages/nongKe/supply_chain/supplierA?tit=1&type_id=12&isDetail=1&credit_buy=0&product_type=98&cate_id=${id}`)">
|
||
|
<image class="con_img" src="@/static/images/bg1.png" mode=""></image>
|
||
|
<image class="con_ico" src="@/static/images/bgic1.png" mode=""></image>
|
||
|
<view class="con_text">
|
||
|
<h3>先款后货</h3>
|
||
|
<span>先付款后发货</span>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="con_kuo"
|
||
|
@click="navigator(`/pages/nongKe/supply_chain/supplierA?tit=2&type_id=12&isDetail=1&credit_buy=1&product_type=98&cate_id=${id}`)">
|
||
|
<image class="con_img" src="@/static/images/bg2.png" mode=""></image>
|
||
|
<image class="con_ico" src="@/static/images/bgic2.png" mode=""></image>
|
||
|
<view class="con_text">
|
||
|
<h3>先货后款</h3>
|
||
|
<span>先发货后付款</span>
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
data() {
|
||
|
return {
|
||
|
id: ''
|
||
|
}
|
||
|
},
|
||
|
onLoad(option) {
|
||
|
|
||
|
this.id = option.cate_id
|
||
|
},
|
||
|
methods: {
|
||
|
navigator(url, t) {
|
||
|
uni.navigateTo({
|
||
|
url: url
|
||
|
})
|
||
|
},
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style lang="scss" scoped>
|
||
|
* {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
.conent {
|
||
|
width: 100%;
|
||
|
display: flex;
|
||
|
justify-content: space-around;
|
||
|
margin-top: 20px;
|
||
|
|
||
|
.con_kuo {
|
||
|
position: relative;
|
||
|
|
||
|
.con_img {
|
||
|
width: 192px;
|
||
|
height: 92px;
|
||
|
}
|
||
|
|
||
|
.con_ico {
|
||
|
position: absolute;
|
||
|
left: 25px;
|
||
|
top: 32px;
|
||
|
width: 31px;
|
||
|
height: 32px;
|
||
|
}
|
||
|
|
||
|
.con_text {
|
||
|
position: absolute;
|
||
|
left: 66px;
|
||
|
top: 20px;
|
||
|
color: white;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</style>
|