86 lines
2.1 KiB
Vue
86 lines
2.1 KiB
Vue
<template>
|
|
<view class="component">
|
|
<view class="layout-facilitator">
|
|
<view class="index-h2">
|
|
<view class="big">金久信服务商展示</view>
|
|
<view class="more">更多</view>
|
|
</view>
|
|
<view class="facilitator-box flex justify-start flex-wrap m-top-10">
|
|
<view class="item flex direction-column align-center justify-center" @click="jump('/pages/article/info?id=65791ccbe0ec19b504538e31')">
|
|
<image class="img" src="/static/img/god4hover.jpg" mode=""></image>
|
|
<view class="icon">
|
|
<image class="full" src="/static/img/hs-1.png" mode=""></image>
|
|
</view>
|
|
<view class="text">交易安全</view>
|
|
</view>
|
|
<view class="item flex direction-column align-center justify-center" @click="jump('/pages/article/info?id=65791dc98b0da41d316435b7')">
|
|
<image class="img" src="/static/img/feture-1.jpg" mode=""></image>
|
|
<view class="icon">
|
|
<image class="full" src="/static/img/hs-3.png" mode=""></image>
|
|
</view>
|
|
<view class="text">优势资源匹配</view>
|
|
</view>
|
|
<view class="item flex direction-column align-center justify-center" @click="jump('/pages/article/info?id=65791dd0f082105ea491286f')">
|
|
<image class="img" src="/static/img/god3hover.jpg" mode=""></image>
|
|
<view class="icon">
|
|
<image class="full" src="/static/img/hs-4.png" mode=""></image>
|
|
</view>
|
|
<view class="text">交易多元化</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
isLogin: false,
|
|
}
|
|
},
|
|
methods: {
|
|
jump(url) {
|
|
vk.navigateTo(url)
|
|
}
|
|
},
|
|
onLoad() {
|
|
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.layout-facilitator {
|
|
padding: 10rpx 30rpx;
|
|
.facilitator-box {
|
|
.item {
|
|
position: relative;
|
|
width: 33%;
|
|
height: 200rpx;
|
|
.img {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.icon {
|
|
position: relative;
|
|
z-index: 9;
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
}
|
|
.text {
|
|
position: relative;
|
|
z-index: 9;
|
|
font-size: 22rpx;
|
|
line-height: 40rpx;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|