20261008
This commit is contained in:
@@ -0,0 +1,85 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user