container 没起作用 麻烦看下哈

Question

麻烦老师帮忙看下

Answer 1

7七月 2017-04-20 17:01:39

这个我得拿源码调试看一下，问题现在解决了吗？

Answer 2

三颗橘子 2018-04-15 15:35:58

问题已解决，你把类名换一个名字，即可运行成功！亲测有效

Answer 3

三颗橘子 2018-04-15 15:01:09

遇到同样的问题，楼主是如何解决的？

Answer 4

鹿宝宝教你编程 2018-01-07 16:38:19

遇到同样问题,有知道怎么解决的吗

• 三颗橘子 #1

  你把wxss里面的.container换个名字，换成其他的即可恢复正常！

Answer 5

提问者 linmb 2017-04-24 15:59:20

post-detial.js的代码：

.container{
    display: flex;
    flex-direction: column;
}
.head-image{
    width:100%;
    height:460rpx
}

.audio{
    width:102rpx;
    height: 110rpx;
    position: absolute;
    left: 50%;
    margin-left: -51rpx;
    top: 180rpx;
    opacity: 0.6;
}
.author-date{
    flex-direction: row;
    margin-left: 30rpx;
    margin-top: 20rpx;
}
.avatar{
    height: 64rpx;
    width: 64rpx;
    vertical-align: middle;
}
.author{
    font-size: 30rpx;
    font-weight: 300;
    margin-left: 20rpx;
    vertical-align: middle;
    color: #666;
}
.const-text{
    font-size: 24rpx;
    color: #999;
    margin-left: 28rpx;
}
.date{
    font-size: 24rpx;
    margin-left: 30rpx;
    vertical-align: middle;
    color:#999;
}
.title{
    margin-left: 40rpx;
    font-size: 36rpx;
    font-weight: 700;
    margin-top: 30rpx;
    letter-spacing: 2px;
    color: #4b556c;
}
.tool{
    margin-top: 20rpx;
}
.circle-img{
    float: right;
    margin-left: 40rpx;
    vertical-align: middle;
}
.circle-img Image{
    width: 90rpx;
    height: 90rpx;
}
.share-img{
    margin-left: 30rpx;
}
.horizon{
    width:660rpx;
    height: 1px;
    background-color: #e5e5e5;
    vertical-align: middle;
    position: relative;
    top: 46rpx;
    margin: 0 auto;
    z-index: -99;
}
.detail{
    color: #666;
    margin-left: 30rpx;
    margin-top: 20rpx;
    margin-right: 30rpx;
    line-height: 44rpx;
    letter-spacing: 2px;
}

post-detail.wxml的代码：

<view class="container">
  <image class="head-image" src="{{postData.headImgSrc}}"></image>
  <image class="audio" src="/images/music/music-start.png"></image>
  <view class="author-date">
    <image class="avatar" src="{{postData.avatar}}"></image>
    <text class="author">{{postData.author}}</text>
    <text class="const-text">发表于</text>
    <text class="date">{{postData.dateTime}}</text>
  </view>
  <text class="title">{{postData.title}}</text>
  <view class="tool">
    <view class="circle-img">
      <image src="/images/icon/collection.png"></image>
      <image class="share-img" src="/images/icon/share.png"></image>
    </view>
    <view class="horizon"></view>
  </view>
  <text class="detail">{{postData.detail}}</text>
</view>

Answer 6

提问者 linmb 2017-04-24 15:53:50

麻烦帮忙解决下