微信小程序开发

微信小程序统一样式 安装WeUI

2018年11月28日 作者 张舫

1.下载样式

点击下载

2更改文件

将下载的文件夹style直接移动到 /src/目录下。

3引入样式

编辑src/app.wpy文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
.
.
.
<style lang="less">
  @import 'style/weui.less';
  page{
    background-color: #F8F8F8;
    font-size: 16px;
  }
  .page__hd {
    padding: 40px;
  }
  .page__bd {
    padding-bottom: 40px;
  }
  .page__bd_spacing {
    padding-left: 15px;
    padding-right: 15px;
  }
  .page__ft{
    padding-bottom: 10px;
    text-align: center;
  }
  .page__title {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
  }
  .page__desc {
    margin-top: 5px;
    color: #888888;
    text-align: left;
    font-size: 14px;
  }
</style>
.
.
.

项目源地址 https://github.com/wepyjs/wepy-weui-demo

web demo

关于作者

好好学习天天向上

发表评论

邮箱地址不会被公开。 必填项已用*标注