通过cell-group的title参数可以指定分组标题 <u-cell-grouptitle="设置喜好"><u-cell-itemicon="setting-fill"title="个人设置"></u-cell-item><u-cell-itemicon="integral-fill"title="会员等级"value="新版本"></u-cell-item></u-cell-group> ...
注意: 由于cell组件需要由cellGroup组件提供参数值,这些父子组件间通过Vue的"provide/inject"特性注入依赖, 所以您必须使用cellGroup包裹cell组件才能正常使用。 <template> <u-cell-group> <u-cell-item icon="setting-fill" title="个人设置"></u-cell-item> <u-cell-item icon="integral-fill" title="会员...
u-cell-item 单元格 1)、2版本 去掉了-item,请直接使用u-cell; 2)、1版本是通过arrow来控制右侧箭头显示否显示,2版本则改为isLink,且1版本是默认开启而2版本则默认隐藏; u-grid-item 宫格 2.0里面删掉了u-grid-item-box元素,对比1版本,2版本会直观的丢失padding:30rpx 0的上下填充; u-swiper 轮播图 1...
uview-ui/components/u-cell-item/u-cell-item.vue Version: 7.26 kBPlain TextView Raw 1<template> 2<view 3@tap="click" 4class="u-cell" 5:class="{ 'u-cell-border': itemIndex > 0 && borderBottom, 'u-col-center': center, 'u-border-gap': borderGap, 'u-cell--required': required...
</u-cell-item> <u-cell-itemvalue=""title="铁马冰河入梦来"value="行万里路":arrow="false"> <u-cell-item:border-bottom="false"value=""title="铁马冰河入梦来"value="行万里路":arrow="false"> <u-iconslot="icon"size="34"name="calendar"style="margin-right:5px;"></u-icon> ...
15* @description cell单元格一般用于一组列表的情况,比如个人中心页,设置页等。搭配u-cell-item 16* @tutorial https://www.uviewui.com/components/cell.html 17* @property {String} title 分组标题 18* @property {Boolean} border 是否显示外边框(默认true) ...
<u-cell-group> <u-cell-item @click="cellClick(item.value)" :arrow="false" :title="item.text" v-for="(item, index) in options" :key="index" :title-style="{ color: value == item.value ? activeColor : inactiveColor }"> <u-icon v-if="value == item.value" name="checkbox-ma...
<viewclass="list-cell"v-for="(it, index1) in item":key="index1"@click="cityItem(it)">{{ it.name }}</view> </u-index-item> </template> </u-index-list> <com-empty v-if="datanull"title="暂无可选城市"></com-empty> ...
(item)"></u-cell></u-cell-group></view></template><script>export default {data() {return {show: false,list: [{type: 'default',title: '默认主题',message: "锦瑟无端五十弦",iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/default.png'},{type: 'error',icon: false,title: '...
:title="item.title" v-for="(item, index) in list" :key="index" isLink :icon="item.iconUrl" @click="showToast(item)" > </u-cell> </u-cell-group> </view> </template> <script> export default { data() { return { show: false, ...