小程序中的使用第三方ui细节问题

    科技2025-05-19  38

    使用第三方ui库时,第三方ui库的样式单独存放,然后在页面wxss中引入: home.wxss weui-grid.wxss 在home.wxss中引入: @import “weui-grid.wxss”;

    单独存放wxml文件, 然后在页面wxml文件中引入使用:

    searchBar.wxml: <view class="weui-search-bar"> <view class="weui-search-bar__form"> <view class="weui-search-bar__box"> <icon class="weui-icon-search_in-box" type="search" size="14"></icon> <input type="text" class="weui-search-bar__input" placeholder="搜索" value="{{inputVal}}" focus="{{inputShowed}}" bindconfirm="getLastValue" bindinput="inputTyping" /> <view class="weui-icon-clear" wx:if="{{inputVal.length > 0}}" bindtap="clearInput"> <icon type="clear" size="14"></icon> </view> </view> <label class="weui-search-bar__label" hidden="{{inputShowed}}" bindtap="showInput"> <icon class="weui-icon-search" type="search" size="14"></icon> <view class="weui-search-bar__text">搜索</view> </label> </view> <view class="weui-search-bar__cancel-btn" hidden="{{!inputShowed}}" bindtap="hideInput">取消</view> </view> 页面wxml中引入: <include src="./searchbar.wxml" />
    Processed: 0.009, SQL: 8