A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications. - self-java/weui
Cell可根据需要进行各种自定义扩展,包括辅助说明、跳转、单选、复选等。下面以带图标、说明、跳转的列表项,其他情况可以直接参考example下的代码: 带图标、说明、跳转的列表项cell standard说明文字
Cell可根据需要进行各种自定义扩展,包括辅助说明、跳转、单选、复选等。下面以带图标、说明、跳转的列表项,其他情况可以直接参考example下的代码: 带图标、说明、跳转的列表项cell standard说明文字
<view class="weui-cell__ft">说明文字</view> </view> </navigator> </view> 在上述示例中,使用了 navigator 组件实现了点击后跳转到 /pages/detail/detail 页面的效果。3. 带图标的 Cell: <view class="weui-cells"> <view class="weui-cell weui-cell_access"> <view class="weui-cell__hd"><...
中间是一段文字,也就是这个单元格的身体:weui-cell__bd 最右边是一个小箭头,也就是单元格的尾部:weui-cell__ft 引入代码: <!-- _access能显示一个箭头 -->
weui-cell_access的:active 由navigator的hover-class来指定类weui-cell_active来控制 New <navigatorurl=""class="weui-cell weui-cell_access"hover-class="weui-cell_active"><viewclass="weui-cell__bd">cell standard</view><viewclass="weui-cell__ft weui-cell__ft_with-access">说明文字</view></...
fix: 表单weui-cell支持顶部对齐 fix: 修复weui-cell_access字体颜色继承问题 Assets2 12 Aug 07:03 uxsi v2.6.16 2ee3d08 Compare Release v2.6.16 v2.6.16 (2024-08-12) Features feat: weui-dialog组件UI升级 Bugfixes fix: 去掉系统自带的点击效果 ...
<navigator url="{{page}}/{{page}}" class="weui-cell weui-cell_access"> <view class="weui-cell__bd">{{page}}</view> <view class="weui-cell__ft weui-cell__ft_in-access"></view> </navigator> </block> </view> </view> ...
class="weui-cell weui-cell_access weui-cell_link"> class="weui-cell__bd">查看更多 class="weui-cell__ft weui-cell__ft_in-access"> class="page__ft"> 这个步骤很关键,怎么找到合适的文档呢?weui-wxss是没有文档的,但是它有例子。在下载的内容中,dist目录下的example目录下全部都是例子。我们...
<view wx:for="{{items}}" class="weui-cell weui-cell_access" hover-class="weui-cell_active"> <navigator url="/pages/news/newsitem?nid={{item.nid}}" > <view>{{item.title}}</view> </navigator> </view> </view> </view> </view> 这是改进后的效果: 图8-2-7-4 样式满意了,可能...