微信小程式-仿淘寶
這是仿手機淘寶做的微信小程式,目的在於享受開發,學習小程式,歡迎大家批評指正。
tip:由於目前正在開中,因此tab欄後兩個是小程式官方元件介面,目的是為了便於開發學習呼叫介面。
先上效果圖:
真機測試圖:
開發工具裡效果圖:
相關推薦
微信小程式-仿淘寶
這是仿手機淘寶做的微信小程式,目的在於享受開發,學習小程式,歡迎大家批評指正。 tip:由於目前正在開中,因此tab欄後兩個是小程式官方元件介面,目的是為了便於開發學習呼叫介面。 先上效果圖: 真機測試圖: 開發工具裡效果圖:
Okam(奧卡姆):小程式開發框架,支援百度小程式、微信小程式、支付寶小程式
Okam(奧卡姆):小程式開發框架,支援百度小程式、微信小程式、支付寶小程式 Okam 是什麼 `Okam` 一個面向小程式開發的開發框架,開發體驗類 `Vue`。詳情 Okam 對各小程式的支援情況 支援 百度小程式 支援 微信小程式 支援 支付寶小程式 Okam 提供
-齊梟飛前端架構師 微信小程式--仿微信 QQ左劃事件--
廢話不多說,直接上程式碼: js: var app = getApp() Page({ data: { items: [], startX: 0, //開始座標 startY: 0 }, onLoad: func
【小程式社群】小程式社群提供微信小程式和支付寶小程式相關的資訊、開發教程、開發指南、小程式DEMO等資源。小程式開發社群是國內微信小程式和支付寶小程式開發的領先社群,這裡有最新的功能、最全的DEMO、最多的教程和最
小程式社群 小程式社群提供微信小程式和支付寶小程式相關的資訊、開發教程、開發指南、小程式DEMO等資源。小程式開發社群是國內微信小程式和支付寶小程式開發的領先社群,這裡有最新的功能、最全的DEMO、最多的教程和最...
微信小程式仿微信語音
搞了這麼長時間,第一次寫文章。給大家分享個技術難度不高的,主要展示錄音功能。 先看一下效果 就是這樣,點選底部按鈕會產生變化,根據bind:touchstart在觸控時觸發開始錄音事件,根據bind:touchend會在你結束觸控的時候呼叫錄音結束事件,產生一個臨時url。並且根
微信小程式-仿京東左側分類
classify.jsconst app = getApp() Page({ /** * 頁面的初始資料 */ data: { cateItems: [ { cate_id: 1, cate_name:
微信小程式仿閒魚『下拉選單』
下拉選單我們非常常見了,但是要在微信小程式中實現並不容易,今天帶來的是仿閒魚下拉選單,相信對您有一定的幫助~~ 先看效果: 麻雀雖小五臟俱全,此效果很複雜,我們將其拆分為多個步驟來分析~ 1)tab狀態的切換 先看效果: wxml程式碼: &
微信小程式-仿今日頭條客戶端
歡迎訪問我的微信小程式: (本小程式是模仿新聞類的app做的一個小程式) 在此特別感謝: 有夢想的程式丶猿 提供的免費開放介面API 本次發版主要實現功能如下:(2018年7月5日釋出) 效果圖如
微信小程式仿探探翻圖片
程式碼下載:https://download.csdn.net/download/cc1314_/10515654index.wxml<view > <image style="position:absolute;z-index:-1;height:
微信小程式 仿美團分類選單 swiper分類選單
程式碼: js就這麼一點 //index.js //獲取應用例項 var app = getApp() Page({ data: { currentTab: 0,
微信小程式-仿2048
4.13更新:介於之前版本的效果不理想,換了一個思路來完成20481、遊戲邏輯上,是根據滑動方向改變陣列:遍歷陣列,根據方向逐個移動,每當遇到方塊,判斷能加與否。並且加了的方塊不能再加。2、遊戲動畫上,之前用了animation,發現要清除之前的動畫,會發生閃爍。所以改用畫布
微信小程式--仿微信小程式朋友圈Pro(內容釋出、點贊、評論、回覆評論)
#### 微信小程式--仿微信小程式朋友圈Pro(內容釋出、點贊、評論、回覆評論) 專案開源地址[M朋友圈Pro 求個Star](https://gitee.com/Kindear/CloudUI) > 專案背景 基於原來的開源專案 [微信小程式仿朋友圈功能開發(釋出、點贊、評論等功能)](htt
微信小程式之仿淘寶分類入口 —— 微信小程式實戰商城系列(2)
分類入口,已經成為了商城專案必須的佈局之一,這裡以仿照淘寶的分類入口來做案例 下圖紅框部分,就是本文重點講解部分,另外本文並沒有寫點選某個入口跳轉頁面。 如需學習頁面跳轉的同學,可以參考此文 頁
微信小程式視訊層級過高問題與淘寶商品詳情相簿展示效果
1.效果圖 2.html <view class="banner" > <view class='current_num'>{{current}}/{{imgNum}}</view> <swiper circular duration=
微信小程式(看文件寫例項十一)微信小程式課堂寶APP完結總結及github地址
一、總結 國慶假期偷懶了幾天,從接到任務到分析到實現總共花了20天左右,終於完成了,點名功能由於要實時監聽需要收費,所以沒有給出程式碼,需要完成的可以自己動手實現。用一張導圖來結束: 二、原始碼地址 所有原始碼已經上傳https://github.com/SoleilLuo/Stu
微信小程式(看文件寫例項十)微信小程式課堂寶APP實現我的模組相關介面及邏輯
繼上篇博文,這篇完成最後一個模組,即我的模組。 一、頁面效果 這個模組是和使用者型別相關的,因此老師賬號和學生賬號能看的功能不一樣,老師端效果如下: 點選頭像到達個人資訊如下: 點選後可以做相應的修改。學生端的介面如下: 修改密碼的頁面如下: &nbs
微信小程式(看文件寫例項八)微信小程式課堂寶APP實現練習模組前臺
接上篇博文,這篇主要描述練習模組的前臺顯示,其中包括test頁面,答題detail頁面以及提交答題後答卷answer頁面。 一、練習模組test頁面 練習頁面主要展示的是當前使用者的頭像,暱稱以及學校資訊,另外還有答題資訊,以及每個章節的練習資訊,先來看看效果: grid用的是樣式
微信小程式(看文件寫例項七)微信小程式課堂寶APP實現線上課堂測試
接著上篇博文已經完成簽到功能,這篇來完成課堂測試功能。 一、需求描述 1、在後臺選擇題、主觀題表中上傳測試題 2、客戶端獲取題目資訊 3、把題目資訊格式化載入顯示 4、客戶端答題,主觀題每題能上傳一張答題圖片 5、客戶端答題結束提交到伺服器 二、前臺頁面 提交大量資料
微信小程式(看文件寫例項六)微信小程式課堂寶APP實現簽到邏輯
繼上篇博文,這篇寫下籤到實現的邏輯。 一、實現邏輯 發起簽到 1、先上傳當前自己的定位經緯度 2、學生查詢老師的最後一次簽到記錄,如果發現簽到記錄signComplete為false說明有新的簽到 3、得到簽到的第幾次課 4、系統獲得學生的定位經緯度 5、判斷兩點經緯度轉
微信小程式(看文件寫例項五)微信小程式課堂寶APP實現獲取簽到列表
根據上篇博文,這篇主要實現獲取簽到列表邏輯。 獲得簽到列表主要有以下步驟: (1)查詢老師的ID (2)查詢老師的簽到記錄 (3)如果當前使用者是老師,直接顯示所有記錄,因為簽到記錄都是老師發起的,肯定每次都簽到 (4)如果當前使用者是學生,以老師的簽到列表作為長度,然後以ite