小程序輪播圖模板

在.wxml頁面中用impor標簽引用。

<template name="lunbo_template">

? ? <swiper class="home_swiper" indicator-dots="ture" indicator-active-color="#fff"?autoplay="true"?>

? ? <block wx:for="{{background}}" wx:key="*this">

? ? ? ? ? <swiper-item>

? ? ? ? ? ? <image src="{{item}}" mode="widthFix" width="750"></image>

? ? ? ? ? </swiper-item>

? ? </block>

? </swiper>

</template>

<!--

swiper標簽中的屬性通過微信提供的屬性都可以增刪改;

? /*輪播圖樣式*/

.home_swiper{

? width: 100%;

}

.home_swiper image{

? width: 100%;

}

js文件中data中數(shù)據(jù)

item : {

? ? ? background: ['../image/home_lunbo.png', '../image/home_lunbo.png', '../image/home_lunbo.png'],

? ? },

-->

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 每天的學習記錄,可能有的地方寫的不對,因為剛學,以后發(fā)現(xiàn)錯的話會回來改掉整體流程 https://develope...
    有點健忘閱讀 5,043評論 0 7
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,443評論 0 11
  • 當我們在不同的電腦上開發(fā)時,想要開發(fā)工具的配置是一樣的(字體,字號,主題等等),可以把 project.confi...
    在路上919閱讀 985評論 0 0
  • 5月13日,晴。 閱讀書目:《陪伴式成長》。 作者 :蘇珊·施蒂費爾曼是美國著名的育兒專家和心理咨詢師,為《每周家...
    陳陳_19b4閱讀 818評論 0 1
  • 今天晚上,我和孩子們共讀了八個繪本故事,都是有關(guān)抗挫和感恩的故事。 其中“幸福的大桌子”暖心故事...
    海魄云汐閱讀 215評論 0 1

友情鏈接更多精彩內(nèi)容