-
Notifications
You must be signed in to change notification settings - Fork 48
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #139 from qiu-bohong/master
加上有图的界面
- Loading branch information
Showing
26 changed files
with
233 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| Page({}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| {} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| <view class="page"> | ||
| <view class="page__hd"> | ||
| <view class="page__title">王者荣耀</view> | ||
| <view class="page__desc">2015年腾讯天美发行的MOBA手游</view> | ||
| </view> | ||
| <view class="page__bd"> | ||
| <view class="weui-article"> | ||
| <view class="weui-article__h1">腾讯游戏</view> | ||
| <view class="weui-article__section"> | ||
| <view class="weui-article__title">King of Glory</view> | ||
| <view class="weui-article__section"> | ||
| <view class="weui-article__h3">2015年11月26日公测</view> | ||
| <view class="weui-article__p"> | ||
| 《王者荣耀》是由腾讯游戏开发并运行的一款运营在Android、IOS平台上的MOBA类手游，于2015年11月26日在Android、IOS平台上正式公测，游戏前期使用名称有《英雄战迹》、《王者联盟》。 | ||
| </view> | ||
| <view class="weui-article__p"> | ||
| <image class="weui-article__img" src="../images/88.jpeg" mode="aspectFit" style="height: 180px" /> | ||
| <image class="weui-article__img" src="../images/77.jpg" mode="aspectFit" style="height: 180px" /> | ||
| </view> | ||
| </view> | ||
| <view class="weui-article__section"> | ||
| <view class="weui-article__h3">King of Glory</view> | ||
| <view class="weui-article__p"> | ||
| 游戏是类moba手游，游戏中的玩法以竞技对战为主，玩家之间进行1V1、3V3、5V5等多种方式的PVP对战，还可以参加游戏的冒险模式，进行PVE的闯关模式，在满足拥有五个英雄的条件后可以参加游戏的季度排位赛等。 | ||
| </view> | ||
| </view> | ||
| </view> | ||
| </view> | ||
| </view> | ||
| </view> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| page{ | ||
| background-color: #FFFFFF; | ||
| } | ||
| image{ | ||
| margin: 4px 0; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| Page({ | ||
| data: { | ||
| grids: [0, 1, 2, 3, 4, 5, 6, 7, 8] | ||
| } | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| {} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| <view class="page"> | ||
| <view class="page__hd"> | ||
| <view class="page__title">王者荣耀</view> | ||
| <view class="page__desc">King of Glory</view> | ||
| </view> | ||
| <view class="page__bd"> | ||
| <view class="weui-grids"> | ||
| <block wx:for="{{grids}}" wx:key="*this"> | ||
| <navigator url="" class="weui-grid" hover-class="weui-grid_active"> | ||
| <image class="weui-grid__icon" src="../images/123.png" /> | ||
| <view class="weui-grid__label">Grid</view> | ||
| </navigator> | ||
| </block> | ||
| </view> | ||
| </view> | ||
| </view> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| /* pages/example/grid/grid.wxss */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| Page({}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| {} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| <view class="page"> | ||
| <view class="page__hd"> | ||
| <view class="page__title">Icons</view> | ||
| <view class="page__desc">图标</view> | ||
| </view> | ||
| <view class="page__bd"> | ||
| <view class="icon-box"> | ||
| <icon type="success" size="93"></icon> | ||
| <view class="icon-box__ctn"> | ||
| <view class="icon-box__title">成功</view> | ||
| <view class="icon-box__desc">用于表示操作顺利达成</view> | ||
| </view> | ||
| </view> | ||
| <view class="icon-box"> | ||
| <icon type="info" size="93"></icon> | ||
| <view class="icon-box__ctn"> | ||
| <view class="icon-box__title">提示</view> | ||
| <view class="icon-box__desc">用于表示信息提示；也常用于缺乏条件的操作拦截，提示用户所需信息</view> | ||
| </view> | ||
| </view> | ||
| <view class="icon-box"> | ||
| <icon type="warn" size="93" color="#FFBE00"></icon> | ||
| <view class="icon-box__ctn"> | ||
| <view class="icon-box__title">普通警告</view> | ||
| <view class="icon-box__desc">用于表示操作后将引起一定后果的情况</view> | ||
| </view> | ||
| </view> | ||
| <view class="icon-box"> | ||
| <icon type="warn" size="93"></icon> | ||
| <view class="icon-box__ctn"> | ||
| <view class="icon-box__title">强烈警告</view> | ||
| <view class="icon-box__desc">用于表示操作后将引起严重的不可挽回的后果的情况</view> | ||
| </view> | ||
| </view> | ||
| <view class="icon-box"> | ||
| <icon type="waiting" size="93"></icon> | ||
| <view class="icon-box__ctn"> | ||
| <view class="icon-box__title">等待</view> | ||
| <view class="icon-box__desc">用于表示等待</view> | ||
| </view> | ||
| </view> | ||
| <view class="icon_sp_area"> | ||
| <icon type="success" size="23"></icon> | ||
| <icon type="success_no_circle" size="23"></icon> | ||
| <icon type="circle" size="23"></icon> | ||
| <icon type="warn" size="23" color="#F43530"></icon> | ||
| <icon type="download" size="23"></icon> | ||
| <icon type="info_circle" size="23"></icon> | ||
| <icon type="cancel" size="23"></icon> | ||
| <icon type="search" size="20"></icon> | ||
| </view> | ||
| </view> | ||
| </view> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| icon{ | ||
| margin-right: 13px; | ||
| } | ||
| .page__bd { | ||
| padding-left: 40px; | ||
| padding-right: 40px; | ||
| text-align: left; | ||
| } | ||
| .icon-box{ | ||
| margin-bottom: 25px; | ||
| display: flex; | ||
| align-items: center; | ||
| } | ||
| .icon-box__ctn{ | ||
| flex-shrink: 100; | ||
| } | ||
| .icon-box__title{ | ||
| font-size: 20px; | ||
| } | ||
| .icon-box__desc{ | ||
| margin-top: 6px; | ||
| font-size: 12px; | ||
| color: #888888; | ||
| } | ||
| .icon_sp_area { | ||
| margin-top: 10px; | ||
| text-align: left; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| var base64 = require("../images/base64"); | ||
| Page({ | ||
| onLoad: function(){ | ||
| this.setData({ | ||
| icon: base64.icon20 | ||
| }); | ||
| } | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| {} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,75 @@ | ||
| <view class="page"> | ||
| <view class="page__hd"> | ||
| <view class="page__title">王者荣耀</view> | ||
| <view class="page__desc">King of Glory</view> | ||
| </view> | ||
| <view class="page__bd"> | ||
| <view class="weui-cells__title">坦克</view> | ||
| <view class="weui-cells weui-cells_after-title"> | ||
| <view class="weui-cell"> | ||
| <view class="weui-cell__bd">亚瑟</view> | ||
| <view class="weui-cell__ft">坦克</view> | ||
| </view> | ||
| </view> | ||
|
|
||
| <view class="weui-cells__title">射手</view> | ||
| <view class="weui-cells weui-cells_after-title"> | ||
| <view class="weui-cell"> | ||
| <view class="weui-cell__hd"> | ||
| <image src="{{icon}}" style="margin-right: 5px;vertical-align: middle;width:20px; height: 20px;"></image> | ||
| </view> | ||
| <view class="weui-cell__bd">虞姬</view> | ||
| <view class="weui-cell__ft">射手</view> | ||
| </view> | ||
| <view class="weui-cell"> | ||
| <view class="weui-cell__hd"> | ||
| <image src="{{icon}}" style="margin-right: 5px;vertical-align: middle;width:20px; height: 20px;"></image> | ||
| </view> | ||
| <view class="weui-cell__bd">孙尚香</view> | ||
| <view class="weui-cell__ft">射手</view> | ||
| </view> | ||
| </view> | ||
|
|
||
| <view class="weui-cells__title">刺客</view> | ||
| <view class="weui-cells weui-cells_after-title"> | ||
| <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active"> | ||
| <view class="weui-cell__bd">李白</view> | ||
| <view class="weui-cell__ft weui-cell__ft_in-access"></view> | ||
| </navigator> | ||
| <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active"> | ||
| <view class="weui-cell__bd">荆轲</view> | ||
| <view class="weui-cell__ft weui-cell__ft_in-access"></view> | ||
| </navigator> | ||
| </view> | ||
|
|
||
| <view class="weui-cells__title">法师</view> | ||
| <view class="weui-cells weui-cells_after-title"> | ||
| <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active"> | ||
| <view class="weui-cell__bd">小乔</view> | ||
| <view class="weui-cell__ft weui-cell__ft_in-access">法师</view> | ||
| </navigator> | ||
| <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active"> | ||
| <view class="weui-cell__bd">梦奇</view> | ||
| <view class="weui-cell__ft weui-cell__ft_in-access">法师</view> | ||
| </navigator> | ||
| </view> | ||
|
|
||
| <view class="weui-cells__title">辅助</view> | ||
| <view class="weui-cells weui-cells_after-title"> | ||
| <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active"> | ||
| <view class="weui-cell__hd"> | ||
| <image src="{{icon}}" style="margin-right: 5px;vertical-align: middle;width:20px; height: 20px;"></image> | ||
| </view> | ||
| <view class="weui-cell__bd">庄周</view> | ||
| <view class="weui-cell__ft weui-cell__ft_in-access">辅助</view> | ||
| </navigator> | ||
| <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active"> | ||
| <view class="weui-cell__hd"> | ||
| <image src="{{icon}}" style="margin-right: 5px;vertical-align: middle;width:20px; height: 20px;"></image> | ||
| </view> | ||
| <view class="weui-cell__bd">孙膑</view> | ||
| <view class="weui-cell__ft weui-cell__ft_in-access">辅助</view> | ||
| </navigator> | ||
| </view> | ||
| </view> | ||
| </view> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| /* pages/example/list/list.wxss */ |