关于uni-app:uView中吸顶使用

1.开发环境uni-app+uView
2.电脑系统 windows10专业版
3.在应用 uni-app+uView开发的过程中,咱们常常会应用到各种性能,上面我来分享一下,uni-app+uView中如何应用吸顶和遇到的问题!心愿对你有所帮忙!
4.在template中增加如下代码:

<!-- 吸顶内容 -->    <view id="chenceiling">      <u-sticky offset-top="0">        <!-- 搜寻性能 -->        <view class="chen-search">          <u-search            placeholder="请输出客户名称/联系电话/公司名称"            :clearabled="true"            @custom="chensearch"            v-model="keyword"          ></u-search>        </view>        <!-- 搜寻性能 完结啦 -->        <!-- 新增 -->        <view class="chen-add" @click="chenadd">          <u-icon name="plus-circle"></u-icon>        </view>        <!-- 新增 完结啦 -->      </u-sticky>    </view>    <!-- 吸顶内容 完结啦 -->    //留神:这个 offset-top="0" 是间隔顶部的间隔,也是间隔顶部多少间隔的时候开始吸顶

5.如何自定义吸顶模板的色彩呢,在css中增加如下代码:

#chenceiling {      //u-sticky-wrap u6zTsRZKbLyLFJ0S5VVMfiXblSXCLc2F      /deep/ .u-sticky-wrap {        background: blue;        /deep/ .u-sticky {          background: blue;        }      }    } //留神:我在这里应用的是 scss 语法,看到这里的小伙伴都是会 scss 语法的,如果还不会 scss 语法的小伙伴倡议去学习一下!

6.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰!