提交 b68e0303 编写于 作者: taohebin@dcloud.io's avatar taohebin@dcloud.io

fix: 修改自`定义导航栏`、`自定义TabBar`示例

上级 7b54169e
......@@ -2,7 +2,11 @@
<scroll-view ref="listView" class="list" :rebound="false" :scroll-with-animation="true" :scroll-y="true" @scrolltolower="loadData()"
@scroll="onScroll">
<view class="list-item" v-for="(item, index) in dataList" :key="index">
<text class="title">{{item.title}}</text>
<!-- <text class="title">{{item.title}}</text> -->
<view class="cell-item">
<text class="title">内容:{{item.title}}</text>
<input class="title" style="margin-top: 8px;" placeholder="备注:"/>
</view>
</view>
</scroll-view>
</template>
......@@ -55,6 +59,11 @@
.title {
font-size: 16px;
text-align: center;
text-align: left;
}
.cell-item {
display: flex;
flex-direction: column;
}
</style>
......@@ -14,8 +14,11 @@
<text>设置自定义导航栏前景色黑色</text>
</view>
<view class="content-item" v-for="item in 100">
<text class="text">内容:{{item}}</text>
<view class="content-item" v-for="item in 20">
<view class="cell-item">
<text class="text">内容:{{item}}</text>
<input class="text" style="margin-top: 8px;" placeholder="备注:"/>
</view>
</view>
<!-- <input/> -->
</scroll-view>
......@@ -105,7 +108,11 @@
margin: 5px 10px;
background-color: #fff;
border-radius: 5px;
}
.cell-item {
display: flex;
flex-direction: column;
}
.text {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册