該組建實現了標籤的持續浮動以及重複選中的效果
js端**
array.prototype.
remove
=function
(val)};
page(,
changepage:
function
(event))}
, selectcategories:
function
(e))
selectcategories.
push
(e.currenttarget.dataset.tag)
}else
) selectcategories.
remove
(e.currenttarget.dataset.tag)}}
else
) interestscategories[index][1
]=false
that.
setdata()
selectcategories.
remove
(e.currenttarget.dataset.tag)
}}
>
}">
-item>
>你所感興趣的類別
>***x為您準備的獨家內
>
>
:for="
}" wx:key="item[
0]">
}" data-tag="
}" bindtap="selectcategories" data-index="
}" id="
}">
}>
>
>
-index = "1">
>下乙個驚
>
-item>
-item>
>具體的興
-index = "0">
>上乙個驚
>
-index = "2">
>下乙個驚
>
-item>
-item>
>選擇你所喜歡的興趣小
-item>
>
>
page
.container
swiper
.title
.title .subtitle
.nextpage
.nextpage text
.nextpage:hover
.previouspage
.previouspage text
.sec
.interestscategories
.tagcontainer
.tag
.active
@keyframes heart
to}
微信小程式 模擬核取方塊
樣式部分你們自由發揮，反正這裡是什麼都沒寫的，選中和沒選中直接用這個this.data.arrstatus checkindex 去判斷就行了，之後你們都懂的 愛怎麼耍怎麼耍 效果預覽 js部分 page index index.js page arr arrstatus check functio...
微信小程式製作 隨筆3
template模板的應用 步驟 1 建template資料夾，在裡面建每乙個模板資料夾。2 寫模板的wxml，wxss，確定模板的樣式。注意 在模板的第乙個塊元素要起name屬性。3 引入模板 1.在需要引入的位置寫標籤，具體如下 is shop wx for wx key data is 所找的...
微信小程式 首頁製作簡單例項
微信小程式 首頁製作簡單例項 實現效果圖 首先從大的方面來講，就是設定了window的屬性 n igationbarbackgroundcolor afe2e6 bar背景顏色 n igationbartextstyle white bar字型顏色 backgroundcolor white 背景顏...