...
|
...
|
@@ -17,54 +17,35 @@ |
|
|
<text class="proname">{{provincename}}</text>
|
|
|
<image class="down-ico" src="../../static/xiahuang.png" />
|
|
|
</view>
|
|
|
<!-- <picker @change="bindproChange" :value="index" :range="provincelist" range-key="name">
|
|
|
|
|
|
|
|
|
</picker> -->
|
|
|
|
|
|
</view>
|
|
|
<!-- nav -->
|
|
|
|
|
|
<view class="nav-wrap nav-wrapk">
|
|
|
|
|
|
|
|
|
<view class="navigator" @click="zhaopin(item,index)" :data-id="item.id" v-for="(item,index) in kindlist" :key="index">
|
|
|
<image :src="item.image" class="logoimgk"></image>
|
|
|
<text>{{item.name}}</text>
|
|
|
</view>
|
|
|
<!-- <view class="navigator" @click="zhaopin" :data-id="4">
|
|
|
<image src="../../static/logok.png" class="logoimgk"></image>
|
|
|
<text>视频专区</text>
|
|
|
</view>
|
|
|
<view class="navigator" @click="zhaopin" :data-id="1">
|
|
|
<image src="../../static/helppeople.png"></image>
|
|
|
<text>帮工招聘求职</text>
|
|
|
</view>
|
|
|
<view class="navigator" @click="zhaopin" :data-id="2">
|
|
|
<image src="../../static/mianturn.png"></image>
|
|
|
<text>面坊求购转让</text>
|
|
|
</view>
|
|
|
<view class="navigator" @click="zhaopin" :data-id="3">
|
|
|
<image src="../../static/friend.png"></image>
|
|
|
<text>征婚交友</text>
|
|
|
</view>
|
|
|
-->
|
|
|
|
|
|
</view>
|
|
|
<!-- 最新发布 -->
|
|
|
<view class="new-release-wrap">
|
|
|
<!-- title -->
|
|
|
<view class="flexone tiezitop">
|
|
|
<view class="new-release-title" :class="order==0?'zuiactive':''" @click="orderrange" :data-id="0">默认</view>
|
|
|
<view class="new-release-title" :class="order==1?'zuiactive':''" @click="orderrange" :data-id="1">热门话题</view>
|
|
|
<view class="new-release-title" :class="order==2?'zuiactive':''" @click="orderrange" :data-id="2">最高点赞</view>
|
|
|
</view>
|
|
|
|
|
|
|
|
|
<view class="nodata" v-if="isshowluntan">暂无数据</view>
|
|
|
<view v-else>
|
|
|
<!-- content -->
|
|
|
<view class="luntanlisbox" v-else>
|
|
|
|
|
|
<view class="new-release-content" v-for="(item,index) in luntanlist" :key="index" @click="luntandetail(item)">
|
|
|
<!-- 头像,名称,等级 -->
|
|
|
<view class="userinfo-wrap" @click.stop="usercenter(item)">
|
|
|
<image class="avatarimgk" :src="item.user.avatar"></image>
|
|
|
<text class="title">{{item.nickname}}</text>
|
|
|
<view class="VIP">
|
|
|
<text class="title">{{item.user.nickname}}</text>
|
|
|
|
|
|
<view class="VIP" v-if="item.forum_type==1">
|
|
|
<image src="../../static/huiyuan.png"></image>
|
|
|
{{item.user.level.name1}}
|
|
|
</view>
|
...
|
...
|
@@ -85,32 +66,31 @@ |
|
|
<view class="release-text-content">
|
|
|
<rich-text :nodes="item.content"></rich-text>
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
<view class="imagebox" v-if="item.video!=null" @click.stop="govideo(item.video)">
|
|
|
<image :src="item.video_image" mode="aspectFill"/>
|
|
|
|
|
|
|
|
|
<view class="imagebox videoimagebox" v-if="item.video!=null" @click.stop="govideo(item.video)">
|
|
|
<image :src="item.video_image" mode="aspectFill" />
|
|
|
<view class="videoimg">
|
|
|
<image src="../../static/videoplay.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="imagebox flexone" v-if="item.images!=null" style="flex-wrap: wrap;">
|
|
|
<image style="width:200rpx;height:200rpx;margin-right:20rpx;margin-bottom:20rpx" :src="item" v-for="(item,indexk) in item.images" :key="indexk" @click.stop="previewimg(index,indexk)"/>
|
|
|
<image style="width:200rpx;height:200rpx;margin-right:20rpx;margin-bottom:20rpx" :src="item" v-for="(item,indexk) in item.images"
|
|
|
:key="indexk" @click.stop="previewimg(index,indexk)" />
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 点赞, 人数 -->
|
|
|
<view class="thumbs-number" @click.stop="praisedian(item,index)">
|
|
|
<view class="thumbs-number" >
|
|
|
<view class="thumbs" style="position:relative;">
|
|
|
<image src="../../static/comment.png" style="width:40rpx;height:35rpx;"></image>
|
|
|
<view class="commentnum" style="width:30rpx;height:20rpx;border-radius: 50%;color:#fff;font-size: 18rpx;text-align: center;
|
|
|
line-height: 20rpx;background: #C29445;position: absolute;
|
|
|
right:0;top:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" v-if="item.comment!=0">
|
|
|
right:0;top:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"
|
|
|
v-if="item.comment!=0">
|
|
|
{{item.comment}}
|
|
|
</view>
|
|
|
|
|
|
|
|
|
</view>
|
|
|
<view class="thumbs">
|
|
|
<view class="thumbs" @click.stop="praisedian(item,index)">
|
|
|
<image src="../../static/tienozan.png" v-if="item.is_praise==2"></image>
|
|
|
<image src="../../static/tiezan.png" v-else></image>
|
|
|
{{item.praise}}
|
...
|
...
|
@@ -128,26 +108,12 @@ |
|
|
<view class="release-news" v-if="publish">
|
|
|
<view class="release-content">
|
|
|
<view class="nav-wrap publishnav">
|
|
|
<view class="navigator" @click="publishitezi(item,index)" :data-id="item.id" v-for="(item,index) in publisharr" :key="index">
|
|
|
<view class="navigator" @click="publishitezi(item,index)" :data-id="item.id" v-for="(item,index) in publisharr"
|
|
|
:key="index">
|
|
|
<image :src="item.image" style="border-radius: 50%;"></image>
|
|
|
<text>{{item.name}}</text>
|
|
|
</view>
|
|
|
<!-- <view class="navigator" @click="publishitezi" :data-id="1">
|
|
|
<image src="../../static/helppeople.png"></image>
|
|
|
<text>帮工招聘求职</text>
|
|
|
</view>
|
|
|
<view class="navigator" @click="publishitezi" :data-id="2">
|
|
|
<image src="../../static/mianturn.png"></image>
|
|
|
<text>面坊求购转让</text>
|
|
|
</view>
|
|
|
<view class="navigator" @click="publishitezi" :data-id="3">
|
|
|
<image src="../../static/friend.png"></image>
|
|
|
<text>征婚交友</text>
|
|
|
</view>
|
|
|
<view class="navigator" @click="publishitezi" :data-id="4">
|
|
|
<image src="../../static/logok.png" class="logoimgk"></image>
|
|
|
<text>短视频专区</text>
|
|
|
</view> -->
|
|
|
|
|
|
</view>
|
|
|
<!-- close -->
|
|
|
<view class="close" @click="hidepublish">
|
...
|
...
|
@@ -177,15 +143,13 @@ |
|
|
<view class="teacherfootname" :class="footersel==3?'activename':''">我的</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- <tabBar :current="currentTabIndex" backgroundColor="#fbfbfb" color="#999" tintColor="#42b983" ></tabBar> -->
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import app from "../../App.vue";
|
|
|
export default {
|
|
|
|
|
|
|
|
|
data() {
|
|
|
return {
|
|
|
publish: false,
|
...
|
...
|
@@ -198,77 +162,104 @@ |
|
|
index: 0,
|
|
|
luntanlist: [],
|
|
|
keyword: '',
|
|
|
currentTabIndex:2,
|
|
|
order:1,
|
|
|
isshowluntan:false,
|
|
|
protype:'',
|
|
|
kindlist:[],
|
|
|
publisharr:[]
|
|
|
|
|
|
currentTabIndex: 2,
|
|
|
order: 0,
|
|
|
isshowluntan: false,
|
|
|
protype: '',
|
|
|
kindlist: [],
|
|
|
publisharr: [],
|
|
|
openclose: ''
|
|
|
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
uni.setStorageSync("provincename","")
|
|
|
this.getkind()
|
|
|
|
|
|
uni.setStorageSync("provincename", "")
|
|
|
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
|
|
|
// 是否隐藏
|
|
|
ishideclose() {
|
|
|
console.log('88888')
|
|
|
let that = this;
|
|
|
var url = 'page/get_switch2';
|
|
|
var params = {
|
|
|
|
|
|
}
|
|
|
app.post(url, params).then((res) => {
|
|
|
console.log(res.data.data.switch);
|
|
|
|
|
|
that.openclose = res.data.data.switch;
|
|
|
console.log('43783488949348', that.openclose)
|
|
|
that.getkind()
|
|
|
|
|
|
}).catch((err) => {
|
|
|
console.log(err)
|
|
|
})
|
|
|
},
|
|
|
// 获取帖子分类
|
|
|
getkind(){
|
|
|
getkind() {
|
|
|
let that = this;
|
|
|
var url = 'forum/get_forum_category';
|
|
|
var params = {
|
|
|
|
|
|
|
|
|
}
|
|
|
console.log('帖子种类参数s', params)
|
|
|
app.post(url, params).then((res) => {
|
|
|
|
|
|
console.log(res);
|
|
|
that.kindlist=res.data.data;
|
|
|
let data=res.data.data;
|
|
|
let arr=[]
|
|
|
data.forEach(function(value,index,array){
|
|
|
value.chose=false;
|
|
|
if(index<4){
|
|
|
value.type=1
|
|
|
|
|
|
console.log(res, '999999999', that.openclose);
|
|
|
let list = res.data.data;
|
|
|
let listk = res.data.data;
|
|
|
let data = listk;
|
|
|
console.log(data, 887766666666666666666666)
|
|
|
let arr = []
|
|
|
data.forEach(function(value, index, array) {
|
|
|
value.chose = false;
|
|
|
if (index < 4) {
|
|
|
value.type = 1
|
|
|
arr.push(value)
|
|
|
}else{
|
|
|
value.type=2
|
|
|
} else {
|
|
|
value.type = 2
|
|
|
}
|
|
|
|
|
|
|
|
|
})
|
|
|
that.publisharr=arr
|
|
|
|
|
|
|
|
|
|
|
|
that.publisharr = arr;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
that.kindlist = list;
|
|
|
|
|
|
}).catch((err) => {
|
|
|
console.log(err)
|
|
|
|
|
|
|
|
|
})
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
hidepublish() {
|
|
|
this.publish = false
|
|
|
},
|
|
|
// 最新和最热
|
|
|
orderrange(e){
|
|
|
this.order=e.currentTarget.dataset.id;
|
|
|
this.page=1;
|
|
|
this.luntanlist=[];
|
|
|
orderrange(e) {
|
|
|
this.order = e.currentTarget.dataset.id;
|
|
|
this.page = 1;
|
|
|
this.luntanlist = [];
|
|
|
this.getluntanlist()
|
|
|
|
|
|
|
|
|
},
|
|
|
// 选择城市
|
|
|
selprovince(){
|
|
|
selprovince() {
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/nearshop/allprovince?seltype='+2
|
|
|
url: '/pages/nearshop/allprovince?seltype=' + 2
|
|
|
})
|
|
|
},
|
|
|
getlocation() {
|
|
|
let that=this;
|
|
|
let that = this;
|
|
|
uni.getLocation({
|
|
|
type: 'wgs84',
|
|
|
success: function(res) {
|
...
|
...
|
@@ -285,31 +276,31 @@ |
|
|
console.log(address, 'address');
|
|
|
var reg = /.+?(省|市|自治区|自治州|县|区)/g;
|
|
|
console.log(address.match(reg));
|
|
|
var addressname=address.match(reg);
|
|
|
var addressname = address.match(reg);
|
|
|
console.log(addressname);
|
|
|
if(addressname[0]=='天津市'){
|
|
|
addressname[0]=addressname[0].split("市")[0]
|
|
|
}else if(addressname[0]=='北京市'){
|
|
|
addressname[0]=addressname[0].split("市")[0]
|
|
|
}else if(addressname[0]=='上海市'){
|
|
|
addressname[0]=addressname[0].split("市")[0]
|
|
|
}else if(addressname[0]=='重庆市'){
|
|
|
addressname[0]=addressname[0].split("市")[0]
|
|
|
if (addressname[0] == '天津市') {
|
|
|
addressname[0] = addressname[0].split("市")[0]
|
|
|
} else if (addressname[0] == '北京市') {
|
|
|
addressname[0] = addressname[0].split("市")[0]
|
|
|
} else if (addressname[0] == '上海市') {
|
|
|
addressname[0] = addressname[0].split("市")[0]
|
|
|
} else if (addressname[0] == '重庆市') {
|
|
|
addressname[0] = addressname[0].split("市")[0]
|
|
|
}
|
|
|
uni.setStorageSync("currentcity",addressname[0])
|
|
|
if(uni.getStorageSync("provincename")==''){
|
|
|
|
|
|
|
|
|
that.provincename=addressname[0];
|
|
|
uni.setStorageSync("provincename",that.provincename)
|
|
|
}else{
|
|
|
that.provincename=uni.getStorageSync("provincename")
|
|
|
uni.setStorageSync("currentcity", addressname[0])
|
|
|
if (uni.getStorageSync("provincename") == '') {
|
|
|
|
|
|
|
|
|
that.provincename = addressname[0];
|
|
|
uni.setStorageSync("provincename", that.provincename)
|
|
|
} else {
|
|
|
that.provincename = uni.getStorageSync("provincename")
|
|
|
// uni.setStorageSync("provincename","")
|
|
|
}
|
|
|
|
|
|
|
|
|
console.log(that.provincename)
|
|
|
that.getprovinceid()
|
|
|
|
|
|
that.getprovinceid()
|
|
|
|
|
|
// _this.addressList = address.match(reg).toString().split(",");
|
|
|
// _this.address = _this.addressList[1];
|
|
|
// console.log(_this.addressList[0]);
|
...
|
...
|
@@ -322,11 +313,11 @@ |
|
|
}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 根据城市名字获取id
|
|
|
getprovinceid(){
|
|
|
getprovinceid() {
|
|
|
let that = this;
|
|
|
var url = 'question/get_area';
|
|
|
var params = {
|
...
|
...
|
@@ -334,19 +325,19 @@ |
|
|
}
|
|
|
console.log('7766554', params)
|
|
|
app.post(url, params).then((res) => {
|
|
|
|
|
|
that.province_id=res.data.data.id;
|
|
|
|
|
|
// 获取论坛列表
|
|
|
this.getluntanlist()
|
|
|
|
|
|
that.province_id = res.data.data.id;
|
|
|
|
|
|
// 获取论坛列表
|
|
|
this.getluntanlist()
|
|
|
}).catch((err) => {
|
|
|
console.log(err)
|
|
|
|
|
|
|
|
|
})
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 输入关键字
|
|
|
enterword(e) {
|
|
|
this.keyword = e.detail.value;
|
...
|
...
|
@@ -365,17 +356,17 @@ |
|
|
url: '/pages/luntan/luntandetail?id=' + item.id
|
|
|
})
|
|
|
},
|
|
|
|
|
|
|
|
|
// 进入video
|
|
|
govideo(src){
|
|
|
govideo(src) {
|
|
|
console.log(src)
|
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/luntan/video?src='+src
|
|
|
url: '/pages/luntan/video?src=' + src
|
|
|
})
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 获取论坛列表
|
|
|
getluntanlist() {
|
|
|
let that = this;
|
...
|
...
|
@@ -384,28 +375,30 @@ |
|
|
keyword: that.keyword,
|
|
|
province_id: that.province_id,
|
|
|
type: '',
|
|
|
order:that.order,
|
|
|
order: that.order,
|
|
|
page: that.page,
|
|
|
pageNum: 10
|
|
|
}
|
|
|
|
|
|
|
|
|
console.log('参数', params)
|
|
|
app.post(url, params).then((res) => {
|
|
|
console.log('论坛列表',res);
|
|
|
console.log('论坛列表', res);
|
|
|
that.luntanlist = that.luntanlist.concat(res.data.data);
|
|
|
// console.log('3443734743783478',that.luntanlist)
|
|
|
|
|
|
that.$forceUpdate()
|
|
|
// console.log('9999', this.luntanlist)
|
|
|
console.log(this.luntanlist.length)
|
|
|
if(this.luntanlist.length==0){
|
|
|
that.isshowluntan=true
|
|
|
}else{
|
|
|
that.isshowluntan=false
|
|
|
// console.log('9999', this.luntanlist)
|
|
|
console.log(this.luntanlist.length)
|
|
|
if (this.luntanlist.length == 0) {
|
|
|
that.isshowluntan = true
|
|
|
} else {
|
|
|
that.isshowluntan = false
|
|
|
}
|
|
|
if(that.page>1){
|
|
|
if(res.data.data.length==0){
|
|
|
if (that.page > 1) {
|
|
|
if (res.data.data.length == 0) {
|
|
|
uni.showToast({
|
|
|
title:'没有更多了~',
|
|
|
icon:"none"
|
|
|
title: '没有更多了~',
|
|
|
icon: "none"
|
|
|
})
|
|
|
}
|
|
|
}
|
...
|
...
|
@@ -413,23 +406,23 @@ |
|
|
|
|
|
}).catch((err) => {
|
|
|
console.log(err)
|
|
|
if(err.msg=='用户未登录'){
|
|
|
if (err.msg == '用户未登录') {
|
|
|
uni.reLaunch({
|
|
|
url:'/pages/login/loginindex'
|
|
|
url: '/pages/login/loginindex'
|
|
|
})
|
|
|
}
|
|
|
|
|
|
})
|
|
|
},
|
|
|
// 预览图片
|
|
|
previewimg(index,indexk){
|
|
|
let that=this;
|
|
|
previewimg(index, indexk) {
|
|
|
let that = this;
|
|
|
uni.previewImage({
|
|
|
current: that.luntanlist[index].images[indexk],
|
|
|
urls: that.luntanlist[index].images,
|
|
|
success: function (res) { },
|
|
|
fail: function (res) { },
|
|
|
complete: function (res) { },
|
|
|
current: that.luntanlist[index].images[indexk],
|
|
|
urls: that.luntanlist[index].images,
|
|
|
success: function(res) {},
|
|
|
fail: function(res) {},
|
|
|
complete: function(res) {},
|
|
|
})
|
|
|
},
|
|
|
praisedian(item, index) {
|
...
|
...
|
@@ -474,45 +467,58 @@ |
|
|
|
|
|
// 进入论坛主页
|
|
|
usercenter(item) {
|
|
|
console.log('999999', item)
|
|
|
let user = JSON.stringify(item.user)
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/luntan/luntanpage?userid=' + item.user_id + '&user=' + user
|
|
|
})
|
|
|
},
|
|
|
// 论坛列表
|
|
|
zhaopin(item,index) {
|
|
|
|
|
|
let token=uni.getStorageSync("token");
|
|
|
if(token==''){
|
|
|
zhaopin(item, index) {
|
|
|
console.log(item)
|
|
|
let token = uni.getStorageSync("token");
|
|
|
if (token == '') {
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/login/loginindex'
|
|
|
url: '/pages/login/loginindex'
|
|
|
})
|
|
|
}else{
|
|
|
if(item.type==1){
|
|
|
} else {
|
|
|
if (item.type == 1) {
|
|
|
let id = item.id;
|
|
|
uni.navigateTo({
|
|
|
url: '../luntan/luntanlist?id='+id
|
|
|
url: '../luntan/luntanlist?id=' + id
|
|
|
})
|
|
|
}else{
|
|
|
let id=item.id
|
|
|
if(id==8){
|
|
|
} else {
|
|
|
let id = item.id
|
|
|
if (id == 8) {
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/luntan/examine'
|
|
|
})
|
|
|
} else if (item.name == '中面资讯') {
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/luntan/examine'
|
|
|
url: '/pages/luntan/zhongmianzixun'
|
|
|
})
|
|
|
}else if (item.name == '投诉维权') {
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/luntan/tousuweiquan'
|
|
|
})
|
|
|
}else if (item.name == '中面资质') {
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/luntan/zhongmianzizhi'
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
},
|
|
|
|
|
|
// 发布评论
|
|
|
publishitezi(item) {
|
|
|
let token=uni.getStorageSync("token");
|
|
|
if(token==''){
|
|
|
let token = uni.getStorageSync("token");
|
|
|
if (token == '') {
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/login/loginindex'
|
|
|
url: '/pages/login/loginindex'
|
|
|
})
|
|
|
}else{
|
|
|
} else {
|
|
|
let type = item.id;
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/luntan/addcontract?type=' + type
|
...
|
...
|
@@ -541,39 +547,39 @@ |
|
|
}
|
|
|
},
|
|
|
onShow() {
|
|
|
let that=this;
|
|
|
|
|
|
uni.$on('provinceid',function(data){
|
|
|
console.log('343744',data)
|
|
|
that.province_id=data.provinceid;
|
|
|
that.protype=data.protype;
|
|
|
console.log(that.province_id)
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
this.publish=false;
|
|
|
this.page=1;
|
|
|
this.luntanlist=[];
|
|
|
let that = this;
|
|
|
that.ishideclose();
|
|
|
that.page = 1;
|
|
|
that.luntanlist = [];
|
|
|
uni.$on('provinceid', function(data) {
|
|
|
console.log('343744', data)
|
|
|
that.province_id = data.provinceid;
|
|
|
that.protype = data.protype;
|
|
|
console.log(that.province_id)
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
this.publish = false;
|
|
|
this.page = 1;
|
|
|
this.luntanlist = [];
|
|
|
// 获取当前地理位置
|
|
|
this.getlocation();
|
|
|
uni.hideTabBar({
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
// this.getluntanlist()
|
|
|
},
|
|
|
onReachBottom() {
|
|
|
let newpage=this.page;
|
|
|
let newpage = this.page;
|
|
|
newpage++;
|
|
|
this.page=newpage;
|
|
|
this.page = newpage;
|
|
|
this.getluntanlist()
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
</script>
|
|
|
|
...
|
...
|
@@ -581,40 +587,55 @@ |
|
|
page {
|
|
|
background: #F9F9F9;
|
|
|
}
|
|
|
.imagebox{
|
|
|
width:686rpx;
|
|
|
|
|
|
.luntanlisbox {
|
|
|
padding-bottom: 150rpx
|
|
|
}
|
|
|
|
|
|
.imagebox {
|
|
|
width: 686rpx;
|
|
|
/* height:280rpx; */
|
|
|
margin-top: 16rpx;
|
|
|
position: relative;
|
|
|
}
|
|
|
.videoimagebox{
|
|
|
width: 686rpx;
|
|
|
height:280rpx;
|
|
|
margin-top:16rpx;
|
|
|
margin-top: 16rpx;
|
|
|
position: relative;
|
|
|
}
|
|
|
.imagebox image{
|
|
|
width:100%;
|
|
|
height:100%;
|
|
|
|
|
|
.imagebox image {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
.videoimg{
|
|
|
width:150rpx;
|
|
|
height:150rpx;
|
|
|
|
|
|
.videoimg {
|
|
|
width: 150rpx;
|
|
|
height: 150rpx;
|
|
|
position: absolute;
|
|
|
top:50%;
|
|
|
left:50%;
|
|
|
transform: translate(-50%,-50%);
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%, -50%);
|
|
|
}
|
|
|
.video img{
|
|
|
width:100%;
|
|
|
height:100%;
|
|
|
|
|
|
.video img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.tiezitop{
|
|
|
width:750rpx!important;
|
|
|
|
|
|
.tiezitop {
|
|
|
width: 750rpx !important;
|
|
|
background: #fff;
|
|
|
border-bottom: 1px solid #E3E2E1;
|
|
|
}
|
|
|
.logoimgk{
|
|
|
|
|
|
.logoimgk {
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
.release-text-content {
|
|
|
height:auto;
|
|
|
height: auto;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
-webkit-line-clamp: 3;
|
...
|
...
|
@@ -647,7 +668,7 @@ |
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
margin-right: 5rpx;
|
|
|
color:#FF9417
|
|
|
color: #FF9417
|
|
|
}
|
|
|
|
|
|
.down-ico {
|
...
|
...
|
@@ -655,9 +676,10 @@ |
|
|
height: 16rpx;
|
|
|
font-size: 0;
|
|
|
}
|
|
|
|
|
|
.publishnav {
|
|
|
padding: 0 94rpx 32rpx 0!important;
|
|
|
box-sizing: border-box!important;
|
|
|
padding: 0 94rpx 32rpx 0 !important;
|
|
|
box-sizing: border-box !important;
|
|
|
}
|
|
|
|
|
|
.homeimg {
|
...
|
...
|
@@ -665,11 +687,12 @@ |
|
|
height: 88rpx;
|
|
|
font-size: 0;
|
|
|
}
|
|
|
|
|
|
.search-input {
|
|
|
width: 470rpx !important;
|
|
|
height:60rpx;
|
|
|
background:rgba(249,249,249,1);
|
|
|
border-radius:32px;
|
|
|
height: 60rpx;
|
|
|
background: rgba(249, 249, 249, 1);
|
|
|
border-radius: 32px;
|
|
|
}
|
|
|
|
|
|
/* 搜素 */
|
...
|
...
|
@@ -685,7 +708,7 @@ |
|
|
}
|
|
|
|
|
|
.nav-wrap {
|
|
|
width:750rpx;
|
|
|
width: 750rpx;
|
|
|
background: #fff;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
...
|
...
|
@@ -694,15 +717,16 @@ |
|
|
box-sizing: border-box;
|
|
|
margin-bottom: 16rpx;
|
|
|
}
|
|
|
.nav-wrapk{
|
|
|
|
|
|
.nav-wrapk {
|
|
|
margin-top: calc(var(--status-bar-height) + 100rpx);
|
|
|
}
|
|
|
|
|
|
.nav-wrap .navigator {
|
|
|
text-align: center;
|
|
|
width:25%;
|
|
|
width: 25%;
|
|
|
/* margin-right:40rpx; */
|
|
|
margin-bottom:32rpx;
|
|
|
margin-bottom: 32rpx;
|
|
|
}
|
|
|
|
|
|
.nav-wrap .navigator image {
|
...
|
...
|
@@ -717,7 +741,7 @@ |
|
|
color: #3D454C;
|
|
|
font-size: 26rpx;
|
|
|
text-align: center;
|
|
|
margin:0 auto;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.new-release-wrap .new-release-title {
|
...
|
...
|
@@ -802,13 +826,15 @@ |
|
|
.search-wrap .navigator:nth-child(3) {
|
|
|
/* font-size: 20rpx; */
|
|
|
}
|
|
|
.avatarimgk{
|
|
|
|
|
|
.avatarimgk {
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
.zuiactive{
|
|
|
color:#FF9417!important;
|
|
|
|
|
|
.zuiactive {
|
|
|
color: #FF9417 !important;
|
|
|
}
|
|
|
|
|
|
/* .proname{
|
|
|
|
|
|
overflow: hidden;
|
...
|
...
|
|