<!-- 默认复制 -->
<template>
<view class="content">
<view class="c-top">
<view class="" @click="getback">
<uni-icons type="left" size="18"></uni-icons>
</view>
<view class="c-title">发布</view>
<view class="" style="width: 5%; height: 10px;"></view>
</view>
<view class="cont">
<view class="bjimg" v-if="shoplist == ''">
<image src="http://www.nuoyunr.com/lananRsc/detection/qs.png" mode=""></image>
</view>
<view class="rbox" v-for="(item,index) in shoplist " :key="index" @click="goshop(item.id)">
<view class="rb-top">
<view class="rb-title">
<view class="rb-biao">
<image :src=" baseUrl + item.image " mode=""></image>
</view>
<text>{{item.categoryName}}</text>
</view>
<view class="rb-lan">
<text class="lan">选择</text>
<uni-icons type="right" color="#0D2E8D" size="18"></uni-icons>
</view>
</view>
<view class="rb-bott">
<view class="rbbb" v-for="(items,index) in item.templates" :key="index" >
<view class="">
<text class="tb1">{{items.skuPrice/100}}</text>
<text class="xhui">/次</text>
</view>
<view class="xhui">
{{items.skuName}}
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import config from '@/config'
import request from '../../utils/request';
export default{
data(){
return{
msg:'2',
chuan:'',
baseUrl:this.$baseUrl,
roles:[],
jcshopRole:false,
jcgfRole:false,
isOpen: false,
fab:false,
imgs:'',
type:'zflm',
animationData: {},
isRote: false,
animation: null,
actindex:0,
partnerId:'',
arrlist:[],
taplist:[],
shoplist:[],
pageNum: 1,//第几页
pageSize: 20,//一页多少张
totalPages: 0,//总数
}
},
onLoad(){
this.partnerId = uni.getStorageSync('partnerId')
},
onShow() {
this.getlistindex()
this.imgs = this.$baseUrl
},
methods:{
getdetails(id){
uni.navigateTo({
url:'/pages/xiaoxi/details?id='+id
})
},
goshop(id){
uni.navigateTo({
url:'/pages/release/release?id='+id
})
},
getback(){
uni.navigateBack({
delta:1,
})
},
async getlistindex(){
let res = await request({
url: '/partnerOwn/partner/categoryList?partnerId='+this.partnerId,
method: 'get',
data: {
partnerId:this.partnerId,
}
})
this.shoplist = res.data
},
},
beforeDestroy() {
clearInterval(this.interval);
},
}
</script>
<style scoped lang="scss">
.content{
width: 100%;
height: calc(100vh);
background-color: #F6F6F6;
box-sizing: border-box;
// padding-top: 45px;
}
.top-icon{
margin-bottom: 45px;
}
.q-fab{
position: fixed;
bottom: 50px;
right: 15px;
width: 55px;
height: 55px;
border-radius: 50%;
overflow: hidden;
image{
width: 100%;
height: 100%;
}
}
.fab-z1{
position: fixed;
bottom: 115px;
right: 15px;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
image{
width: 100%;
height: 100%;
}
}
.fab-z2{
position: fixed;
bottom: 50px;
right: 80px;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
image{
width: 100%;
height: 100%;
}
}
.c-tap{
width: 100%;
height: 40px;
box-sizing: border-box;
padding: 15px;
display: flex;
background-color: white;
align-items: center;
}
.c-top{
width: 100%;
height: 88px;
box-sizing: border-box;
padding: 15px;
padding-top: 44px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: white;
}
.c-title{
font-size: 18px;
font-weight: bold
}
.cont{
width: 100%;
box-sizing: border-box;
padding: 15px;
box-sizing: border-box;
background-color: #F6F6F6;
}
.hongdian{
width: 15px;
height: 15px;
background-color: crimson;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: 5px;
right: 5px;
z-index: 9999;
}
.c-box{
width: 100%;
box-sizing: border-box;
padding: 7px;
background-color: white;
margin-top: 10px;
border-radius: 10px;
position: relative;
}
.c-b-top{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.t-left{
width: 40%;
height: 100px;
border-radius: 7px;
margin-right: 10px;
overflow: hidden;
image{
width: 100%;
height: 100%;
}
}
.t-right{
width: 60%;
}
.t-tilte{
font-size: 20px;
font-weight: bold;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tw-tilte{
width: 100%;
text-align: right;
font-size: 16px;
font-weight: bold;
color: #5e5e5e;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.t-zi{
font-size: 14px;
font-weight: 400;
color: #666666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.bjimg{
width: 255px;
height: 236px;
margin: 0px auto;
margin-top: 100px;
image{
width: 100%;
height: 100%;
}
}
.c-b-bom{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 5px;
}
.b-left{
color: #0D2E8D;
font-size: 14px;
}
.b-right{
display: flex;
justify-content: space-between;
align-items: center;
}
.z-lv{
display: flex;
align-items: center;
color: #0D2E8D;
font-size: 15px;
margin-right: 10px;
}
.y-hong{
display: flex;
align-items: center;
color: #fa3534;
font-size: 15px;
margin-right: 15px;
}
.z-img{
width: 20px;
height: 15px;
image{
width: 100%;
height: 100%;
}
margin-right: 2px;
}
.tap-box{
width: 30%;
text-align: center;
}
.gang{
height: 4px;
background: #0D2E8D;
width: 80%;
margin: 0px auto;
}
.lan{
color: #0D2E8D;
}
.rbox{
width: 100%;
height: 138px;
box-sizing: border-box;
padding: 10px;
position: relative;
overflow: hidden;
border-radius: 8px;
background: white;
margin-bottom: 10px;
}
.rb-top{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding-bottom: 10px;
border-bottom: 1px solid #EEEEEE;
}
.rb-title{
font-size: 16px;
font-weight: bold;
color: #333333;
display: flex;
align-items: center;
}
.rb-biao{
width: 20px;
height: 16px;
// overflow: hidden;
margin-right: 5px;
image{
width: 100%;
height: 100%;
}
}
.rb-bott{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.rbbb{
border-right: 1px solid #EEEEEE;
width: 33%;
text-align: left;
box-sizing: border-box;
padding-left: 10px;
}
.tb1{
font-size: 25px;
font-weight: 600;
color: #0D2E8D;
}
.xhui{
font-size: 15px;
font-weight: 400;
color: #666666;
}
</style>