showBottomImg"> <u-list-item v-for="(item, index) in indexList" :key="index" class="uCellItem"> <u-cell v-html="item.cellText || `${item.title}(${item.code})`" class="uCellStyle" @click="toCompanyPage(item, index)"></u-cell> </u-list-item> </u-list> </view> </...
五、和其他组件配合使用。 u - tabs可不是一个孤单的家伙,它可以和其他组件配合得很好呢。 1. 与列表组件配合。 比如说和u - list组件配合。你可以在每个tab下面显示一个列表。当用户切换tab的时候,显示不同的列表内容。就像在不同的房间里放不同的东西一样。这样可以让页面的布局更加合理,内容展示更加清晰。
此组件是在APP-VUE、H5、小程序中使用的是wxs。 其他平台则使用js完成。 <template> <u-scroll-list @right="right" @left="left"> <view class="scroll-list" style="flex-direction: row;"> <view class="scroll-list__goods-item" v-for="(item, index) in list" :key="index" :class="[(in...
<template><viewclass="content"><u-notice-bar mode="horizontal"type="none":list="list"></u-notice-bar></view></template><script>exportdefault{data(){return{list:['寒雨连江夜入吴','平明送客楚山孤','洛阳亲友如相问','一片冰心在玉壶']}},onLoad(){},methods:{},}</script> 4.Grid宫...
此方式使用较为简单,需要传入一个一维数组,数组的元素为对象,要求必须有value和label属性,这两个值也将会在回调中被返回。 <template><u-selectv-model="show"mode="single-column":list="list"@confirm="confirm"></u-select></template><script>exportdefault{data(){return{show:true,list:[{value:'1',...
#基本使用 外层包裹一个index-list组件,内部锚点通过index-anchor组件传入,其余内容可以自定义 可以通过index-list参数自定义索引字符列表 需要监听页面的onPageScroll事件,将当前滚动条高度传入index-list组件 <template><u-index-list:scrollTop="scrollTop"><viewv-for="(item, index) in indexList":key="index...
通过使用lineColor来设置滑块背景图。 <template><u-tabs:list="list4"lineWidth="20"lineHeight="7":lineColor="`url(${lineBg}) 100% 100%`":activeStyle="{ color: '#303133', fontWeight: 'bold', transform: 'scale(1.05)' }":inactiveStyle="{ color: '#606266', transform: 'scale(1)' }...
1)、所需list数组必须是图片路径数组,比如:['https://www.baidu.com/123.png'],list数组里面不能有其他值,只能是由图片路径组成的数组; u-calendar 日历 1)、2版本需要写明show,1版本使用v-model来绑定show,现在不行,新版本必须加上:show="变量",v-model在新版本可写可不写; ...
修复修复u-list回弹问题 修复修复notice-bar组件动画在低端安卓机可能会抖动的问题 新增u-loading-page添加控制图标大小的属性iconSize 修复修复u-tooltip组件color参数不生效的问题 修复修复u--input组件使用blur事件输出为undefined的bug 新增u-code-input组件新增键盘弹起时,是否自动上推页面参数adjustPosition ...