pages-componentsA-grid-grid.a876c308.js 4.2 KB

1
  1. (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[9459],{14635:function(t,i,e){var s=e(67047);s.__esModule&&(s=s.default),"string"===typeof s&&(s=[[t.id,s,""]]),s.locals&&(t.exports=s.locals);var n=e(56).Z;n("7c3fdb07",s,!0,{sourceMap:!1,shadowMode:!1})},4882:function(t,i,e){"use strict";e.r(i),e.d(i,{default:function(){return d}});var s,n={uGrid:e(49710).Z,uGridItem:e(98671).Z,uIcon:e(38275).Z,uToast:e(85803).Z},a=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("v-uni-view",{staticClass:"u-page"},[e("v-uni-view",{staticClass:"u-demo-block"},[e("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("基本案例")]),e("v-uni-view",[e("u-grid",{attrs:{border:!1,align:"center"},on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.click.apply(void 0,arguments)}}},t._l(t.baseList,(function(i,s){return e("u-grid-item",{key:s},[e("u-icon",{attrs:{customStyle:{paddingTop:"20rpx"},name:i.name,size:22}}),e("v-uni-text",{staticClass:"grid-text"},[t._v(t._s(i.title))])],1)})),1)],1)],1),e("v-uni-view",{staticClass:"u-demo-block"},[e("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("显示边框")]),e("v-uni-view",[e("u-grid",{attrs:{border:!0}},t._l(t.list,(function(i,s){return e("u-grid-item",{key:s,attrs:{customStyle:"padding-top: 10px; padding-bottom: 10px"}},[e("u-icon",{attrs:{customStyle:{paddingTop:"20rpx"},name:i.name,size:22}}),e("v-uni-text",{staticClass:"grid-text"},[t._v(t._s(i.title))])],1)})),1)],1)],1),e("v-uni-view",{staticClass:"u-demo-block"},[e("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("绑定点击事件&自定义列数")]),e("v-uni-view",[e("u-grid",{attrs:{border:!1,col:"4"}},t._l(t.list,(function(i,s){return e("u-grid-item",{key:s,attrs:{customStyle:"padding-top: 10px; padding-bottom: 10px"}},[e("u-icon",{attrs:{customStyle:{paddingTop:"20rpx"},name:i.name,size:22}}),e("v-uni-text",{staticClass:"grid-text"},[t._v(t._s(i.title))])],1)})),1)],1)],1),e("v-uni-view",{staticClass:"u-demo-block"},[e("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("可滑动")]),e("v-uni-view",[e("v-uni-swiper",{staticClass:"swiper",attrs:{"indicator-dots":!0}},[e("v-uni-swiper-item",[e("u-grid",{attrs:{border:!0}},t._l(t.swiperList,(function(i,s){return e("u-grid-item",{key:s,attrs:{index:s}},[e("u-icon",{attrs:{customStyle:{paddingTop:"20rpx"},name:i,size:22}}),e("v-uni-text",{staticClass:"grid-text"},[t._v(t._s("宫格"+(s+1)))])],1)})),1)],1),e("v-uni-swiper-item",[e("u-grid",{attrs:{border:!0}},t._l(t.swiperList,(function(i,s){return e("u-grid-item",{key:s,attrs:{index:s+9}},[e("u-icon",{attrs:{customStyle:{paddingTop:"20rpx"},name:i,size:22}}),e("v-uni-text",{staticClass:"grid-text"},[t._v(t._s("宫格"+(s+1)))])],1)})),1)],1),e("v-uni-swiper-item",[e("u-grid",{attrs:{border:!0}},t._l(t.swiperList,(function(i,s){return e("u-grid-item",{key:s,attrs:{index:s+18}},[e("u-icon",{attrs:{customStyle:{paddingTop:"20rpx"},name:i,size:22}}),e("v-uni-text",{staticClass:"grid-text"},[t._v(t._s("宫格"+(s+1)))])],1)})),1)],1)],1)],1)],1),e("u-toast",{ref:"uToast"})],1)},u=[],r={data:function(){return{baseList:[{name:"photo",title:"图片"},{name:"lock",title:"锁头"}],list:[{name:"photo",title:"图片"},{name:"lock",title:"锁头"},{name:"star",title:"星星"},{name:"hourglass",title:"沙漏"},{name:"home",title:"首页"},{name:"volume",title:"音量"}],swiperList:["integral","kefu-ermai","coupon","gift","scan","pause-circle","wifi","email","list"]}},methods:{click:function(t){this.$refs.uToast.success("点击了第".concat(t,"个"))}}},o=r,c=(e(14635),e(69453)),l=(0,c.Z)(o,a,u,!1,null,"6b0ec5cc",null,!1,n,s),d=l.exports},67047:function(t,i,e){"use strict";e.r(i);var s=e(43481),n=e.n(s),a=e(2400),u=e.n(a),r=u()(n());r.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */.swiper[data-v-6b0ec5cc]{height:220px}.grid-text[data-v-6b0ec5cc]{font-size:14px;color:#909399;padding:%?10?% 0 %?20?% %?0?%;box-sizing:border-box}',""]),i["default"]=r}}]);