shop-applet/pages/users/supply_procurement/index.vue

81 lines
1.5 KiB
Vue
Raw Normal View History

2023-09-20 18:16:59 +08:00
<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>