...
|
...
|
@@ -24,11 +24,11 @@ |
|
|
</view>
|
|
|
<view class="empTopH"></view>
|
|
|
<!-- @change="changeImg" -->
|
|
|
<!-- :style="{height:swiperHeight+'px'}" -->
|
|
|
<!-- :style="{height:swiperHeight+'px'}" 990 1010-->
|
|
|
<swiper class="imgSwiper" @change="changeImg" :indicator-dots="articleInfo.images.length > 1 ? true : false" :indicator-active-color="'#35655f'" :indicator-color="'rgba(0,0,0,0.3)'" :circular="true" :duration="300">
|
|
|
<swiper-item v-for="(item,index) in articleInfo.images" :key="index" @click="closeAllAlert">
|
|
|
<view class="swiper-item" :style="{'align-items':swiperHeight >= 480 ? 'flex-start' : 'center'}">
|
|
|
<image :src="item" :mode="swiperHeight < 480 || swiperHeight > 481 ? 'widthFix' : 'aspectFill'" :class="{tempH:swiperHeight >= 480 && swiperHeight <= 481}"></image>
|
|
|
<image :src="item" mode="aspectFill" :class="{tempH:swiperHeight >= 480}"></image>
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
...
|
...
|
@@ -71,7 +71,7 @@ |
|
|
<view class="commentList">
|
|
|
<view v-for="(item,index) in remarkList" :key="index">
|
|
|
<view class="commentItem">
|
|
|
<image @click="goMainPage(item.user.id)" :src="item.user.avatar" style="width: 93rpx;height: 93rpx;border-radius: 20rpx 0 20rpx 0;" mode=""></image>
|
|
|
<image @click="goMainPage(item.user.id)" :src="item.user.avatar" style="width: 93rpx;height: 93rpx;border-radius: 20rpx 0 20rpx 0;" mode="aspectFill"></image>
|
|
|
<view class="commentRight">
|
|
|
<view class="userNickName">
|
|
|
<text style="color: #969799;font-size: 28rpx;">{{item.user.nickname}}</text>
|
...
|
...
|
@@ -95,7 +95,7 @@ |
|
|
</view>
|
|
|
<view v-if="item.showReply" class="commentSubItem" v-for="(subItem,subIndex) in item.article_reply" :key="subIndex">
|
|
|
<view style="display: flex;align-items: center;">
|
|
|
<image @click="goMainPage(subItem.user.id)" :src="subItem.user.avatar" style="width: 68rpx;height: 68rpx;border-radius: 20rpx 0 20rpx 0;" mode=""></image>
|
|
|
<image @click="goMainPage(subItem.user.id)" :src="subItem.user.avatar" style="width: 68rpx;height: 68rpx;border-radius: 20rpx 0 20rpx 0;" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="commentRight">
|
|
|
<view class="userNickName">
|
...
|
...
|
@@ -188,6 +188,8 @@ |
|
|
export default{
|
|
|
data(){
|
|
|
return{
|
|
|
imgWidth:0,
|
|
|
imgHeight:0,
|
|
|
swiperHeight:0,
|
|
|
keyboardHeight:0,
|
|
|
showPostImg:false,
|
...
|
...
|
@@ -244,6 +246,7 @@ |
|
|
success: function(image) {
|
|
|
uni.getSystemInfo({
|
|
|
success: function (res) {
|
|
|
that.imgHeight = image.height
|
|
|
that.swiperHeight = res.windowWidth/image.width * image.height;
|
|
|
that.showPostImg = true
|
|
|
}
|
...
|
...
|
@@ -261,8 +264,10 @@ |
|
|
success: function(image) {
|
|
|
uni.getSystemInfo({
|
|
|
success: function (res) {
|
|
|
console.log('111111111111',image.height,image.width)
|
|
|
that.imgWidth = image.width
|
|
|
that.imgHeight = image.height
|
|
|
that.swiperHeight = res.windowWidth/image.width * image.height;
|
|
|
console.log('轮播高度',that.swiperHeight)
|
|
|
}
|
|
|
});
|
|
|
}
|
...
|
...
|
|