Project

weui-rails

0.07
No release in over 3 years
Low commit activity in last 3 years
weui-railseric-guo/weui-railsHomepageDocumentationSource CodeBug TrackerWiki
An UI library for WeChat, includes widgets/modules in mobile web app.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Popularity
Downloads
37,381
Stars
142
Forks
18
Watchers
8
 Releases
Current version
1.1.3
Total releases
18
First release
2015-12-12
Latest release
2019-01-18
 Issues
Open Issues
1
Closed Issues
0
Total Issues
1
Issue Closure Rate
0%
 Pull Requests
Open Pull Requests
0
Closed Pull Requests
1
Merged Pull Requests
2
Pull Request Acceptance Rate
66%
 Development
Primary Language
Ruby
Licenses
MIT
Average date of last 50 commits
2016-09-26
Reverse Dependencies
0

 Dependencies

Runtime

autoprefixer-rails
>= 5.2.1
sass
>= 3.3.4
 Project Readme

Weui-Rails Gem Version

An UI library for WeChat, includes widgets/modules in mobile web app, sass is copy from kevyu/weui-sass, so do not open any Issues/PR relative with weui sass style, instead, open PR at weui-sass.

Weui-Rails including some handy helper/view like message_box, for such feature, PR welcome.

Weui-Rails version is same as weui-sass version.

This gems can be used seperately, but 99% you will using with wechat gems at same time.

Migration from 0.4.x to 1.0.x notes

Due to weui make a huge rename when go 1.0 version, so a lot of style name changed, here is some incomplete list to help you upgrade easier.

Previus style 1.0 style
weui_cells weui-cells
weui_cell weui-cell
weui_cell_hd weui-cell__hd
weui_cell_bd weui-cell__bd
weui_cell_ft weui-cell__ft
weui_cell_primary weui-cell_primary
weui_input weui-input
weui_cells_title weui-cells_title
weui_cells_access weui-cell_access *
weui_toptips weui-toptips
weui_warn weui-toptips_warn
weui_cells_form weui-cells_form
weui_label weui-label
weui_cell_select weui-cell_select
weui_select_after weui-cell_select-after
weui_select_before weui-cell_select-before
weui_btn weui-btn
weui_btn_primary weui-btn_primary
weui_btn_plain_default weui-btn_plain-default
weui_textarea weui-textarea
weui_msg weui-msg
weui_msg_title weui-msg__title
weui_text_area weui-msg__text-area
weui_opr_area weui-msg__opr-area
weui_btn_area weui-btn-area
  • weui-cell_access move from weui-cells to weui-cell.

Installation

Add this line to your application's Gemfile:

gem 'weui-rails'

And then execute:

$ bundle

Usage

app/assets/stylesheets/weui-rails.css.scss

@import "weui";

config/initializers/assets.rb

Rails.application.config.assets.precompile += %w( weui-rails.css )

app/views/layouts/wechat.html.erb

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>WeUI</title>
    <%= stylesheet_link_tag 'weui-rails', media: 'all' %>
    <script src="http://cdnjs.gtimg.com/cdnjs/libs/zepto/1.1.4/zepto.min.js"></script>
</head>
<body ontouchstart>
  <%= yield %>
</body>
</html>

config/routes.rb

  resource :wechat, only: [:show, :create] do
    collection do
      get :message_box
      get :direct_message_box
    end
  end

app/controllers/wechats_controller.rb

class WechatsController < ActionController::Base
  layout 'wechat'
  def message_box
  end 

  def direct_message_box
    render 'weui/message_box', locals: { title: 'Weui', description: 'directly render in controller' }  
  end
end

app/views/wechats/message_box.html.erb

<%= weui_message_box 'Title', 'Description', 'weui-icon-warn' -%>

More example

See official readme