欢迎访问艾立兹站 Aliz- 专注建站教程与技术分享

微信小程序视图层莫名出现竖线的解决方法

时间:2023-12-28 15:18:05  来源:网络  作者:秩名  阅读:

写完视图层后,发现页面上莫名其妙的出现了一些“竖线”,如下图所示:

这段html代码是这样写的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<view class="other-des">
    <view class="section">
        <text class="section-num">{{course_info.SectionCount}}</text>
        <text class="section-text">节课程</text>
    </view>
    <view class="section">
        <block wx:for="{{tools.convertToHMS(course_info.Duration)}}" wx:key="index">
            <text class="section-num">{{item}}</text>
            <block wx:if="{{index == 0}}">
                <text class="section-text">时</text>
            </block>
            <block wx:if="{{index == 1}}">
                <text class="section-text">分</text>
            </block>
            <block wx:if="{{index == 2}}">
                <text class="section-text">秒</text>
            </block>
        </block>
    </view>
    <view class="section">
        <text class="section-num">{{course_info.PurchaseMarkup}}</text>
        <text class="section-text">人最近购买</text>
    </view>
</view>

本文配套模板、静态源码可前往艾立兹素材库alisucai.com下载

发表评论 共有0条评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
公众号二维码

扫码关注公众号
获取全套技术教程