首页 > 编程知识 正文

超级搜索app,如何创建一个无序列表

时间:2023-05-06 20:25:46 阅读:9059 作者:1627

templateviewviewclass=' list-checked MB4' v-for=' (item,index ) inlist ' 3360 key=' index.value ' view class=' { { item.GH SMC }/view view class=' checked ' : class=' [ item.checked? ] input-checked ' : ' ' ] '/view/view/view/templatescriptimport { map actions } from ' vuex ' export defaulurt } option.id.split (、)、) : ); this.multiple=option.multiple? 真:假; this.Getlist(GHSids;//顶部确认按钮onnavigationbarbuttontap 3360 function (obj ) letarr=this.list.filter (item,index )=item.checked=lecked ARR.Foreach((item,index ) )={ghsIds =',' item.ghsId; ghsNames =',' item.ghsmc; ) let pages=getCurrentPages (; let prevpage=pages [ pages.length-2 ]; //上一页var object={ id : GHS ids.substring (1),name: ghsNames.substring(1)1},PID 3360 ' GHS list ' } prevpp },methods : { . map actions ([ ' majax ',' goout'],getlist:function ) GHSids ) {this.isLoading=true; this.Majax({URL:URL,params:{},method:'GET'} ).then(RES={this.isloading=false; if (! res.code(letlist=RES.records; this.totalPage=res.pages; list.foreach (item={ this.list.push ) item ) } ) if ) GHSids ) { this.$ next tick }={ this.update checked } { );//选择状态update checked : function (GHS ids ) ) for ) letI=0; i this.list.length; I ) this.$set(this.list[I],' checked ',false ); for(letj=0; j ghsIds.length; j ) if (GHS ids [ j ]==this.list[I].GHS id ) this.$set ) this.list [ I ],' checked ',true ); },checkbox change : function (index ) if ) this.multiple ) if ) this.list[index].checked ) this.$ shis.$ shhis } else { this.list=this.list.map ((col,index ) ) this.$set ) col,' checked ',false ); returncol}(this.$set ) this.list[index],' checked ',true ); }/scriptstylelang=' scss '.list-checked { background 3360 # ffffff; padding: 0upx 32upx; list{line-height: 80upx; title{font-weight: bold; }.checked{height: 44upx; width: 44upx; //border: 1upx solid #d1d1d1; border: 0; outline: 0; border-radius: 100%; 玛姬- right : 15 upx; } .输入-已选中{ position : relative; color: #f0c786; }.input-checked :3360 before { font : normalnormal 14px/1 uni; 内容: 'ea08 '; font-size: 22px; 位置: absolute; top: 50%; left: 50%; 传输:传输(-48%、-48% )比例).73; -网络工具包- transform 3360 translate (-50 %,-48% ) scale ).73; }}}/style

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。