——————————————布局文件——————————————
content
{{item}}
———————————————css:———————————————————————————
.container {
width: 100%;
background-color: gray;
display: flex;
}
.content {
height: 600rpx;
background-color: yellow;
flex: 1;
}
.sider-bar {
width: 100rpx;
background-color: forestgreen;
font-size: 20px;
text-align: center;
}
————————————————————————————————————————————
但是实际i这个效果是这样的。。。期望效果,右边的是顶宽,ABCD..垂直排列,类似通讯录。在线等。。谢谢大神。
微信小程序开发者回答:
w***:
.sider-bar{
display: flex;
flex-direction: column;
}
M***:
@wxu 这个试过了,不起作用
M***:
问题出在这,假如手动写字母就没有问题。。
A
B
C
D
E
F
G
而wx:for循环写入则有问题。。。
m***:wx:for 要放在 letter-item 上啊!
M***:
手动写入的效果。。。
M***:
确实。。。哈哈,写在item上正确,谢谢。
M***:系统记录
w***: {{item}} 你把wx:for放到letter-item
侯***:
参考下程序及时会电话会议,有通讯录这个功能
本文网址:http://www.91bianli.com/weixinxiaochengxu/25926.html