flying-monkey/pagesB/plan-fault/plan-fault.vue

61 lines
1.9 KiB
Vue
Raw Normal View History

<template>
<view>
<status-nav :navBarTitle="ifPlanFault" returnColor="#c2c2c2"></status-nav>
<container-subgroup>
<view slot="content" style="margin: 0 -16rpx;" class="fon28">
<view @tap="goDetail(index)" class="bacf radius10 pad-s30 mar-x10 pad-x10" v-for="(item,index) in 20" :key="index">
<view class=" pad-zy10 disjbac">
<image src="/static/del/QQ截图20220210213041.png" mode="aspectFill" lazy-load class="flexs mar-y20" style="width: 240rpx;height: 174rpx;border-radius: 6rpx;"></image>
<view style="height: 174rpx;" class="width100 disjb fc fon24 posir">
<view>
<view class="clips1 fon28 bold col0 pad-y50">小型会议室解决方案小</view>
<view class="col9 clips2 line-h40">课程的内容课程的内容课程的内容课程的内容课程的内容课程的内容课程的内容课程....</view>
</view>
<view class="disjbac col9">
<view class="disac">
热度<rate :size="32" :gutter="10" :readonly="true" v-model="rateNum"></rate>
</view>
<view>344人已查阅</view>
</view>
<image src="/static/public/icon-plan-fire.png" mode="widthFix" style="width: 29rpx;height: 43rpx;position: absolute;right: 10rpx;top: -6rpx;"></image>
</view>
</view>
<view class="bbot mar-s20"></view>
</view>
</view>
</container-subgroup>
</view>
</template>
<script>
import rate from '@/components/rate.vue';
export default {
components:{
rate
},
data() {
return {
rateNum:5,
ifPlanFault:'',
current:''
}
},
onLoad(op) {
this.ifPlanFault = `${['解决方案','常见故障'][op.index*1]}`;
this.current = op.index*1;
},
methods: {
// 去新产品详情
goDetail(index){
uni.navigateTo({
url:`/pagesB/plan-fault-product-detail/detail?index=${this.current}`
})
}
}
}
</script>
<style>
</style>