1. 程式人生 > >使用 Vue 2.x + WeUI 1.x 開發微信視覺樣式

使用 Vue 2.x + WeUI 1.x 開發微信視覺樣式

we-vue

we-vue 結合 vue2.0 強大的元件化機制和 weui 的微信官方視覺樣式,形成了一套靈活的元件,適用於微信公眾號等移動端開發。

目前部分元件已完成,仍有部分在開發中或已計劃即使開發。歡迎貢獻程式碼或者提出寶貴建議。

安裝

npm

npm install we-vue --save-dev

yarn

yarn add we-vue --dev

示例

暫時沒有相關文件,文件工作將在元件定型之後開始。在此期間可自行參考示例程式碼。

開發

克隆程式碼

git clone https://github.com/tianyong90/we-vue.git

本專案已同步託管到碼雲,國內使用者也可選擇如下方式獲得原始碼參與開發 *

git clone https://git.oschina.net/tianyong/we-vue.git

安裝依賴

cd we-vue && npm install

建議使用 yarn

執行本地服務並開發

npm run dev

完成以上步驟後將在瀏覽器裡開啟元件示例頁面,修改程式碼儲存後會自動完成熱載入無需手動重新整理

開發過程中請勿進行構建(勿執行 build 相關命令),請遵守程式碼規範,通過 Eslint 語法檢查

相關推薦

使用 Vue 2.x + WeUI 1.x 發微視覺樣式

we-vue we-vue 結合 vue2.0 強大的元件化機制和 weui 的微信官方視覺樣式,形成了一套靈活的元件,適用於微信公眾號等移動端開發。 目前部分元件已完成,仍有部分在開發中或已計劃即使開發。歡迎貢獻程式碼或者提出寶貴建議。 安裝 npm n

【微開發系列】1. python發微公眾號訊息回覆開發者模式

背景 最近申請了一個微信公眾號,想根據使用者的訊息進行智慧動態回覆。於是有了這篇文章。 公眾號申請:https://mp.weixin.qq.com。 想根據具體訊息進行智慧動態回覆,需要開啟開發者模式。 開發者模式需要進入開發者中心進行編碼認證。這裡面只講主要的程

Keras 2.x1.x的區別

最近更改別人的程式碼發現了1.x和2.x有很多去區別就特意找官網查了一下,以下就是官網原文 Keras 2 release notes This document details changes, in particular API changes, occurrin

(轉)C#發微門戶及應用(1)--開始使用微接口

主界面 回調 商機 存在 配置 manager 功能 之前 隨筆 http://www.cnblogs.com/wuhuacong/p/3613826.html 微信應用如火如荼,很多公司都希望搭上信息快車,這個是一個商機,也是一個技術的方向,因此,有空研究下、學習下微信

vux+vuex+vue+Es6發微公眾號的坑

賦值 問題 ack 組件 公眾 rip cor es6 變量 初次開發微信公眾號遇到很多問題,可能是基礎不怎麽牢靠,最近幾天一直在看vue的東西,現在就來慢慢介紹vux和vue這個騷東西的用法: 細看文檔一步步來, npm install vux --save 安裝vux這

GDAL2.x1.x的主要變化比較(以C++為例說明)

GDAL2.x與1.x的主要變化比較(以C++為例說明)   1、前言 GDAL庫在2015年6月開始釋出了2.0.0版本,同時與1.x的版本保持同步更新,GDAL2.x的最新版本已經發布到2.2.0(2017年4月釋出),並且1.x的最後釋出的版本是在2016年7月1.11.

MT【248】$f(x)=\dfrac{1}{x-1}+\dfrac{1}{x-b}$的性質

探討函式$f(x)=\dfrac{1}{x-a}+\dfrac{1}{x-b}$其中$a<b$的幾個性質 分析:對稱性:關於$(\dfrac{a+b}{2},0)$證明提示:$f(x)+f(a+b-x)=0$且定義域關於$(\dfrac{a+b}{2},0)$對稱單調性:單調遞減區間$(-\infty

MT【248】$f(x)=dfrac{1}{x-1}+dfrac{1}{x-b}$的性質

對稱性 定義域 bsp http src its 圖. 函數 定義 探討函數$f(x)=\dfrac{1}{x-a}+\dfrac{1}{x-b}$其中$a<b$的幾個性質 分析:對稱性:關於$(\dfrac{a+b}{2},0)$證明提示:$f(x)+f(a+b-

Vue/Node/MongoDB發微全家桶專案實戰視訊教程

第1章 本地與伺服器環境準備     介紹微信公眾號/小程式/域名/伺服器的申請選購流程,在本地與線上伺服器分別對專案的執行環境進行搭建部署,如 Node.js/Vue/Yarn/PM2/Nginx/MongoDB 等等,同時會來簡單介紹下從本地通過 PM2 利用 Git 倉庫直

最新Vue/Node/MongoDB發微全家桶專案實戰

第1章 本地與伺服器環境準備     介紹微信公眾號/小程式/域名/伺服器的申請選購流程,在本地與線上伺服器分別對專案的執行環境進行搭建部署,如 Node.js/Vue/Yarn/PM2/Nginx/MongoDB 等等,同時會來簡單介紹下從本地通過 PM2 利用 Git 倉庫直

vue發微公眾號小技巧(易除錯環境)

本主要對 在開發微信公眾號時,遇到的一些問題進行總結 使用(vue)哦~ 除錯微信公眾號 大家在本地環境開發的時候,修改樣式,及除錯介面一遍又一遍的在微信開發者工具上開啟,因為在我們本地瀏覽器是打不開微信的頁面的,或者每次更改一個細節就發一遍測試環境,非常耗時影響開發,這時~~~~

案例:使用vue發微機器人聊天(附完整原始碼)

先看效果: 實現過程: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5模擬微信聊天介面</title>

Django發微公眾號(1) -- 在新浪sae部署Django1.9.7

最近搞了個公眾號, 打算做一個類似於詞典的東西, 但是WX的平臺個人號自動回覆只能限制200條, 太少. 所以乾脆自己搭一個. 首先, 我的構想是用Django來搭建, 這樣比較方便. 但是真正搭建

發微全家桶項目Vue/Node/MongoDB高級技術棧全覆蓋

直觀 協同 登錄 mongod 增刪改 介紹 七牛 優雅 spa 第1章 本地與服務器環境準備介紹微信公眾號/小程序/域名/服務器的申請選購流程,在本地與線上服務器分別對項目的運行環境進行搭建部署,如 Node.js/Vue/Yarn/PM2/Nginx/MongoDB 等

基於vue發微小程式,入門開發步驟

接下來。。。。。 1. 初始化一個 mpvue 專案 現代前端開發框架和環境都是需要 Node.js 的,如果沒有的話,請先下載 nodejs 並安裝。 然後開啟命令列工具: # 1. 先檢查下 Node.js 是否安裝成功 $ node -v v8.9.0

什麽行業適合發微小程序?

好評 系統開發 實時 規劃 預約 點餐 外賣 說明 提前 這段時間,隨著微信小程序的系列大動作,商家選擇開發微信小程序的越來越多,那麽各行業開發微信小程序的優勢究竟是什麽呢? 總體來說,微信小程序開發優勢: 1、便於分享:(小程序或其中任何一個界面都可以任意分享) 2、方便

PHP發微模版消息換行的問題

來看 .cn 解決 空白 消息 code 開發 ges 打印 微信是個坑!微信是個坑!微信是個坑!重要的時間說三遍 關鍵的地方是空白換行符到底是什麽也不說,百度說是"\n";但是在發送消息的時候發現原樣輸出,發現json_encode對\n進行編碼打印出來看是\\n,解決

使用Java語言發微公眾平臺(七)——音樂消息的回復

使用 protoc class exc message 方法 文件上傳 pre wiki 使用Java語言開發微信公眾平臺(七)——音樂消息的回復 在上一節課程中,我們學習了圖片消息的回復功能。根據微信公眾平臺的消息類型顯示,微信共支持文本、圖片、語音、視

利用H5發微公眾號

enc 兩個 寫入 iss mps rep ast htm chang 一、 首先授權配置 公眾號設置 --》功能設置 設置業務域名! 這裏的MP_verify_w7tdZrafqhkK9Mcj.txt文件,需要放到你項目的根目錄下,例子:你的項目war包叫 tes

.NET發微小程序-Template模塊開發

pan brush .get back over 函數 scrip div ont 1.添加一個文件目錄,裏面放模板信息 例:我在根目錄添加一個文件夾:template 然後在這個文件夾下面添加相應的頁面。比如我添加一個promodel.wxml文件。主要是放商品相關的模