可以将u-collapse的accordion设置为false,这样可以允许打开多个面板 <template>{{item.body}}</template>export default {data() {return {itemList: [{head: "赏识在于角度的转换",body: "只要我们正确择取一个合适的参照物乃至稍降一格去看待他人,值得赏识的东西便会扑面而来",open: true,disabled: true},{...
设置u-collapse-item的open参数为true,可以让面板初始化时为打开状态 如果设置u-collapse-item的disabled参数为true,那么面板会保持初始状态,无法关闭或打开 <template>{{item.body}}</template>exportdefault{data(){return{itemList:[{head:"赏识在于角度的转换",body:"只要我们正确择取一个合适的参照物乃至稍...
uni-collapse` 是一个在 Vue.js 中用于处理数组的指令,通常与 `v-for` 一起使用,用于在列表渲染时合并相邻相同的元素。这可以用于创建类似于表格中的合并单元格效果。以下是 `uni-collapse` 指令的用法示例: 1. **基本用法**: ```html <template> {{ item.text }} </template> export default ...
1<!--列表-->2<viewclass="collapse"v-for="(item,index) in itemList":key="index">3<view@click="changeContent(item,index)">4<viewclass="coll-header">5<viewstyle="display: flex;">6<image:src="item.open?item.imgUrl2:item.imgUrl1"style="width: 44rpx;height: 44rpx;"></image>7<...
<viewclass="collapse"v-for="(item,index) in itemList":key="index"><view @click="changeContent(item,index)"><viewclass="coll-header"><viewstyle="display:flex;align-items:center;"><viewclass="image-radius"><image:src="item.headimgurl"mode="widthFix"style="width:72rpx;"></image></...
2<view class="collapse" v-for="(item,index) in itemList" :key="index"> 3<view @click="changeContent(item,index)"> 4<view class="coll-header"> 5<view style="display: flex;"> 6<image :src="item.open?item.imgUrl2:item.imgUrl1" style="width: 44rpx;height: 44rpx;"></image>...
placeholder="请输入成员名称" v-model="keyword"></view></view><view class="" style="background-color: #ffffff;"><view class="list" :style="items.status ? 'background-color: #F4F4F4;':''"v-for="(items,indexs) in item.data" :key="indexs" @click="click(index,indexs)"><image...
<view class=""> {{item.body}} </view> {{item.body}} </view> Expand All @@ -25,6 +23,10 @@ <view class="u-item-title">右侧箭头</view> </view> <view class="u-config-item"> <view class
<view class="u-page__item"> <text class="u-collapse-content">{{item.content}}</text> </view> </view> </template> import { get_lists } from '@/config/api.js' export default {
<uni-section :title="item.name" type="line"></uni-section> <uni-collapse ref="add" class="warp" @change="change"> <uni-collapse-item v-for="(sub, key) in item.data" :key="key" :open="sub.open" :show-animation="sub.showAnimation" :disabled="sub.disabled" :title="sub.subName...