container 没起作用麻烦看下哈

来源：19-3 配置全局导航栏颜色

linmb

2017-04-18

麻烦老师帮忙看下

写回答

6回答

7七月

2017-04-20

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

三颗橘子

2018-04-15

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

三颗橘子

2018-04-15

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

鹿宝宝教你编程

2018-01-07

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

三颗橘子

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

2018-04-15

共1条回复

linmb

提问者

2017-04-24

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>