微信小程式----元件之progress
專案結構：
核心程式碼： index.wxml
<view class="classname">
<progress percent="20" show-info="{{true}}" />
<progress percent="40" stroke-width="12" />
<progress percent="60" color="pink" />
<progress percent="80" active="{{true}}" />
</view>相關推薦
微信小程式----元件之progress
根據文件寫程式碼 效果圖： 專案結構： 核心程式碼： index.wxml <view class="classname"> <progress percent="20" sh
微信小程式——元件之swiper
大家看到許多網頁的首頁面都會有圖片的輪播，圖片輪播：既能通過圖片增加整個頁面的美觀程度，又能讓客戶一眼看出網頁想要表達的內容。那麼，今天我們就通過swiper實現圖片的輪播效果，簡單又好看。 /**wxml**/ <swiper indicator={{是否顯示面板指示點}}
007-01、微信小程式---元件之swiper（tab切換）
此tab切換以登入頁面為參照。 1、WXMl <view class="tab-title"> <block wx:for="{{msg}}" wx:key="myke
微信小程式----元件之switch
效果圖： 專案結構： 核心程式碼： index.wxml <view class="body-view"> <switch checked bindchange="sw
微信小程式裡面的標籤和html標籤的對比、微信小程式基礎之常用控制元件
微信小程式和html5標籤的區別： HTML5 微信小程式 <h1></h1>...<h6></h6> <p>&l
微信小程式基礎之互動操作控制元件
好久沒有寫關於微信小程式的文章了，今天簡單的發表一篇，內容比較簡單，包括：ActionSheet上拉選單、AlertAction提示框、SuccessAction完成框、LoadingAction載入框，不做詳細說明，自己研究，不喜勿噴~~ 相關程式碼：<
手摸手教你微信小程式開發之自定義元件
前言 相信大家在開發小程式時會遇到某個功能多次使用的情況，比如彈出框。這個時候大家首先想到的是元件化開發，就是把彈出框封裝成一個元件，然後哪裡使用哪裡就呼叫，對，看來大家都是有思路的人，但是要怎樣實現呢。可能你會去看官方文件，但是微信的官方文件也是說的不太清楚，所以寫起來也
【微信小程式學習之路】----使用globalData函式設定全域性變數
我們在app.js中設定需要的全域性變數的引數，比如公司名稱等 //app.js App({ globalData: { title: 'tomatocc' } }) 然後我們就可以在某個頁面的js檔案中(比如index.js)的data數組裡面去直
【微信小程式學習之路】----使用template模板所遇到的問題
官方文件的demo過於簡單，本人嘗試幾次也沒有弄懂，找了幾個demo後才漸漸瞭解清楚小程式的模板是怎麼玩的。並且展示一個簡單的demo 首先來看我們的專案結構：主要用到index.js，index.wxml，temp.js，temp.wxml 首先，我
微信小程式元件傳值的實驗
實驗目的 驗證微信小程式框架wepy元件之間進行資料傳遞的猜想與疑問 1. 猜想一: 元件在進行傳值的時候:<my-content :item.sync="myDate.item">這種寫法是否支援? 2. 猜想二: 元件中是否可以引用其他元件,並進行資料傳遞 實
微信小程式專案之失物招領平臺-1.專案的建立
1.開發工具：微信web開發者工具 2.相關文件：微信公共平臺 3.使用到的微信小程式UI元件庫：wuss-weapp 4.使用微信web開發者工具建立一個小程式專案，專案名：lostandfound(appId可到微信公眾平臺申請，若沒有appId小程式的一些相關的功能無法使用) 5.將wus
微信小程式-元件-view標籤
簡單來說 ，可以理解為 view標籤 相當於div標籤。 view 具有屬性名 hover-class <view hover-class="color-red" >點我改變字型顏色 </view> 如果設定 color-red 為紅色， 則點選view
微信小程式入門之使用者登陸態
微信小程式的設定是不支援session,那麼cookie之流肯定是用不了的。微信對wx.request這個API做了修改，小程式發起的請求並不是直接請求我們的後臺伺服器，而是先通過微信的伺服器再發送到我們的後臺伺服器，既然請求都是要通過微信的伺服器傳送到我們的伺服器，那麼我們的伺服器也就無從識別請求
微信小程式元件攜帶引數
通過元件來傳遞引數tiggerEvent,注意元件事件命名要與引用處的命名一致（加粗部分） 元件test.wxml： 元件js： methods: { onTap: function(e){ var myEventDetail = { id:e.target.dataset.
未明學院學員報告：「最強微信小程式打造之路」
報告作者：鄒格格、馮雨晴、劉儼黎 未明學院商業資料分析訓練營9月班學員 報告名稱：《最強微信小程式打造之路-微信小程式專案分析報告》 自2017年1月9日小程式正式上線後，微信以不斷的開放平臺能力，極有耐心地在為小程式逐步加溫。在
微信小程式開發之小米商城（一）
小程式開發之小米商城Lite 剛接觸小程式不久，感覺相對來說比較簡單，就自己花了五六天做了一個專案，因為本身也是米粉，就看中了小米的微信小程式(可憐國慶擼了幾天的程式碼，哈哈)，話不多說，先上效果圖吧。 算了算了。本來還打算上gif圖，但是太難搞了，說明一下吧。
微信小程式CSS之Flex佈局
相信剛開始學習開發小程式的初學者一定對介面的佈局很困擾，不知道怎麼佈局，怎麼擺放位置，其原因是不瞭解CSS樣式的屬性，所以，今天程式碼君打算寫一篇關於CSS的教程，給大家普及一下。 說起CSS佈局，首先要講解的就是FLex佈局，這個可以說是一個萬能鑰匙，遇到什麼
微信小程式元件 movable-area 穿透性問題
使用場景：在頁面中，通過拖動圖示，可以在手機視窗中隨處移動，且不超出手機視窗範圍。 movable-area 的可移動區域，注意：movable-area 必須設定width和height屬性，不設定預設為10px movable-view 可移動的檢視容器，在頁面中可以
微信小程式學習之路（一）
1、前言 微信小程式所使用的是騰訊自己開發的MINA框架，MINA框架跟主流框架有很大的相似之處，是一個MVVM框架，很慶幸本人先前有學過一點點VUE所以入門MINA框架還算比較順利，由於需要完全熟悉MINA框架我還需要學習很多，所以微信小程式學習之路篇打算一
[微信小程式]商城之購買商品數量實現
正文： 這裡有三種變更數量的方式， 加號，減號，input輸入 ， 這裡做了限制，數量不能小於等於0並且不能超過現有庫存，下面是功能實現程式碼。 <view class="dian"> <view class="cun page