- 当前 Bug 的表现(可附上截图)
index.wxss代码如下
.title-icon{
width: 12rpx;
height: 68rpx;
background-color: green;
}
.mid-title{
margin-top: -25rpx;
margin-left: 24rpx;
font-size: 13pt;
background-color: pink;
}
app.wxss
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
index.wxml
<view class=“container”>
<view class=“mid-title-positon”><image class=“title-icon” src=“url” mode=""/><text class=“mid-title”>预约列表</text></view>
</view>
- 预期表现
希望预约列表的字可以与左边的图片水平
- 其他
不知道是不是自己css没学好 导致样式失效了 或者是app.wxss和子wxss冲突(有点不懂,平时用得很肤浅
此外还想问一下 为什么图片默认会比text文本高出一点呢
希望得到解答