&l_基于小程序的的 校园介绍">
赞
踩
<view class="qukuai">
<view class="qukuai_zuo"></view>
<view class="qukuai_zhong">学校介绍</view>
<navigator class="qukuai_you" url="/pages/xinxi/list?cs_lxid=241&mc=最新公告"></navigator>
</view>
<block wx:for="{{xinxis}}" wx:key="myid">
<navigator url='/pages/pub/xuexiao_xiangqing?cs_xxid={{item.myid}}' class='xinxi'>
<image class='xinxi-icon' src='/img/news.png'></image>
<text class='xinxi-text'>{{item.biaoti}}</text>
<image class='xinxi-arrow' src='/img/right.png'></image>
</navigator>
</block>
.qukuai{display: flex;align-items:center;background-color: #f2f2f2;} .qukuai_zuo{margin: 5px 10px; width:5px; height:20px; background-color: rgb(13, 163, 233);border-radius: 10px;} .qukuai_zhong{font-size: 16px; flex-grow: 1;} .qukuai_you{font-size: 14px; color: gray;padding-right: 10px;} .xinxi { display: flex; align-items: center; padding: 15px; border-bottom: 1px solid #f2f2f2; } .xinxi-icon { width: 22px; height: 22px; } .xinxi-text { flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xinxi-arrow { width: 13px; height: 13px; }
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。