无锡市新吴区建设环保局网站,移动互联网的应用论文,宿迁集团网站建设,长沙网络技术开发公司证件照由uniappuyui开发完成#xff0c;并同时兼容H5、App、微信小程序、支付宝小程序#xff0c;其他端暂未测试。
先看部分效果图吧具体可以下方复制链接体验demo 首页代码
templateview classview classuy-m-x-30 uy-m-b-20uyui开发完成并同时兼容H5、App、微信小程序、支付宝小程序其他端暂未测试。
先看部分效果图吧具体可以下方复制链接体验demo 首页代码
templateview classview classuy-m-x-30 uy-m-b-20!-- 轮播图-广告位 --view classuy-m-t-30uy-swiper :listbannerList :height150/uy-swiper/view!-- 胶囊组一 --view classuy-flex uy-m-t-30view classuy-m-r-30 uy-m-l-r uy-b-r-10 uy-flex uy-flex-direction-column uy-flex-column-center uy-flex-row-center uy-flex-1 uy-p-y-20 :style[item.bgColor] v-for(item,index) in indexCapsule1 :keyindex tap$openPage({name: item.url, query: item})uy-image width33 height33 :srcitem.icon/uy-imagetext classuy-m-t-10 uy-font-24{{item.name || }}/text/view/view/view!-- 筛选 --uy-sticky bgColor#FFFFFF customNavHeight0uy-tabs :list$mConstDataConfig.indexMenu/uy-tabs/uy-stickyview classuy-m-x-30view classuy-b-r-10 uy-flex uy-flex-column-center uy-p-x-20 uy-p-y-25 uy-bs-000000-5 uy-m-t-20 v-forindex in 20 :keyindex tapchooseDetailsuy-image width35 height42 src/static/img/index1.png radius5/uy-imageview classuy-flex-1 uy-p-x-20view classuy-flex uy-flex-column-centertext classuy-m-r-10 uy-font-b大一寸/textview classuy-bg-F76A8B uy-color-FFFFFF uy-font-18 uy-p-x-10 uy-p-y-2 uy-b-r-t-l-20 uy-b-r-b-r-20热门/view/viewview classuy-flex uy-m-t-10uy-text size12 color#999999 v-forindex2 in 2 :keyindex233x48mm/uy-text/view/viewuy-image width35 height35 src/static/img/index2.png/uy-image/viewuy-loading-more/uy-loading-more/view/view
/templatescriptexport default {data() {return {bannerList: [{image: /static/img/banner.png}],indexCapsule1: []}},onLoad() {this.init()},methods: {chooseDetails() {this.$openPage({name: photoMakerDetails, query: {}})},init() {let newsArr this.$mConstDataConfig.indexCapsule1;this.indexCapsule1 newsArr.map(item {return {...item,bgColor: this.capsuleStyle()}})},// 胶囊随机背景capsuleStyle() {let style {background: this.$mConstDataConfig.bgSetting[this.$uy.randArr(this.$mConstDataConfig.bgSetting)],};return style}}}
/scriptstyle langscss/style有什么问题可小程序通过客服联系技术进行修复。
多多关注后续会开发更多模板如有需要开发的项目可以客服联系哦。
开发不易有需要的可以客服联系感谢大家的支持。
体验demo链接http://demo.qianyupan.cn/h5/photo/#/
更多内容请关注微信小程序源码、插件、模板及时更新
