xmhjc-applet/pages/index/base/labelItem.vue

<template>
    <view class="flexitem">
        <view class="itemBox" @click="openLink(1)">
            <view class="icon_left"></view>
            <view>
                <view class="i_title">供应市场</view>
                <view class="i_conter">最新市场行情</view>
            </view>
            <view class="i_img">
                <u--image width="80rpx" height="80rpx" src="/static/index/icon_gongysc.png" ></u--image>
            </view>
        </view>
        <view class="itemBox" @click="openLink(2)" style="margin-left: 16rpx;background: #eff3ff;">
            <view class="icon_left"></view>
            <view>
                <view class="i_title">互动问答</view>
                <view class="i_conter">交流互动</view>
            </view>
            <view class="i_img">
                <u--image width="80rpx" height="80rpx" src="/static/index/icon_hudongwd.png" ></u--image>
            </view>
        </view>
    </view>
</template>
<script>
export default {
components: {
},
data() {
    return {
        info:[],
        title:'互动天地',
    }
},
async mounted() {
},
methods: {
    openLink(type){
        if (type == 1) {
            //供应市场
            uni.navigateTo({
                url: '/supplierPages/pages/supplier/supplyMarket'
            });
        }else if (type == 2) {
            //去互动问答
            uni.navigateTo({
                url: '/pages/home/exchangeNew'
            });
        }
    }
}
}
</script>

<style lang="less" scoped>
.flexitem{
    display: flex;
    justify-content: space-between;
}
.itemBox{
    width: 343rpx;
    height: 148rpx;
    background: #e7f9f7;
    border-radius: 16rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.icon_left{
    width: 4px;
    height: 12px;
    background: #1dbfa1;
    border-radius: 0px 4px 4px 0px;
    margin-bottom: 36rpx;
}
.i_title{
    width: 128rpx;
    height: 45rpx;
    font-size: 32rpx;
    font-weight: 700;
    text-align: left;
    color: #333333;
}
.i_conter{
    width: 168rpx;
    height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    text-align: left;
    color: #999999;
}
.i_img{
    margin-right: 18rpx;
}

</style>