Skip to content

Commit 169f52e

Browse files
TidyzqTidyzq
committed
feat: update weui
1 parent c818452 commit 169f52e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

100 files changed

+1179
-1278
lines changed

‎miniprogram/packageExtend/base/CustomPage.js

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,16 @@ const CustomPage = function (options) {
1818
app.unWatchThemeChange && app.unWatchThemeChange(this.themeChanged)
1919
options.onUnload && options.onUnload.call(this)
2020
}
21-
}
21+
},
22+
onShareAppMessage() {
23+
const route = this.route
24+
const segments = route.split('/')
25+
const title = segments[segments.length - 1]
26+
return {
27+
title: title,
28+
path: route,
29+
}
30+
},
2231
})
2332
)
2433
}

‎miniprogram/packageExtend/pages/base/article/article.js

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,3 @@
11
import CustomPage from '../../../base/CustomPage'
22

3-
CustomPage({
4-
onShareAppMessage() {
5-
return {
6-
title: 'article',
7-
path: 'packageExtend/pages/base/article/article'
8-
}
9-
},
10-
})
3+
CustomPage({})

‎miniprogram/packageExtend/pages/base/article/article.json

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
{
2-
"usingComponents": {},
3-
"renderer": "webview",
4-
"navigationBarTitleText": "article"
5-
6-
}
2+
"usingComponents": {
3+
"mp-navigation-bar": "weui-miniprogram/navigation-bar/navigation-bar"
4+
},
5+
"navigationStyle": "custom",
6+
"renderer": "skyline"
7+
}

‎miniprogram/packageExtend/pages/base/article/article.wxml

Lines changed: 32 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,39 @@
1-
<view class="page" data-weui-theme="{{theme}}"> <view class="page__hd">
2-
<view class="page__title">Article</view>
3-
<view class="page__desc">文章</view>
4-
</view>
5-
<view class="page__bd">
6-
<view class="weui-article">
7-
<view class="weui-article__h1">大标题</view>
8-
<view class="weui-article__section">
9-
<view class="weui-article__h2">章标题</view>
1+
<view class="page" data-weui-theme="{{theme}}">
2+
<mp-navigation-bar title="Article"></mp-navigation-bar>
3+
<scroll-view type="list" scroll-y class="page-height">
4+
<view class="page__hd">
5+
<view class="page__title">Article</view>
6+
<view class="page__desc">文章</view>
7+
</view>
8+
<view class="page__bd">
9+
<view class="weui-article">
10+
<view class="weui-article__h1">大标题</view>
1011
<view class="weui-article__section">
11-
<view class="weui-article__h3">1.1 节标题</view>
12-
<view class="weui-article__p">
13-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
14-
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
15-
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
16-
consequat.
17-
</view>
18-
<view class="weui-article__p">
19-
<image class="weui-article__img" src="../../images/pic_article.png" mode="aspectFit" style="height: 180px" />
20-
<image class="weui-article__img" src="../../images/pic_article.png" mode="aspectFit" style="height: 180px" />
12+
<view class="weui-article__h2">章标题</view>
13+
<view class="weui-article__section">
14+
<view class="weui-article__h3">1.1 节标题</view>
15+
<view class="weui-article__p">
16+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
17+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
18+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
19+
consequat.
20+
</view>
21+
<view class="weui-article__p">
22+
<image class="weui-article__img" src="../images/pic_article.png" mode="aspectFit" style="height: 180px" />
23+
<image class="weui-article__img" src="../images/pic_article.png" mode="aspectFit" style="height: 180px" />
24+
</view>
2125
</view>
22-
</view>
23-
<view class="weui-article__section">
24-
<view class="weui-article__h3">1.2 节标题</view>
25-
<view class="weui-article__p">
26-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
27-
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
28-
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
29-
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
26+
<view class="weui-article__section">
27+
<view class="weui-article__h3">1.2 节标题</view>
28+
<view class="weui-article__p">
29+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
30+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
31+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
32+
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
33+
</view>
3034
</view>
3135
</view>
3236
</view>
3337
</view>
34-
</view>
38+
</scroll-view>
3539
</view>

‎miniprogram/packageExtend/pages/base/badge/badge.js

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,3 @@
11
import CustomPage from '../../../base/CustomPage'
22

3-
CustomPage({
4-
onShareAppMessage() {
5-
return {
6-
title: 'badge',
7-
path: 'packageExtend/pages/base/badge/badge'
8-
}
9-
},
10-
})
3+
CustomPage({})

‎miniprogram/packageExtend/pages/base/badge/badge.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
{
22
"usingComponents": {
3+
"mp-navigation-bar": "weui-miniprogram/navigation-bar/navigation-bar",
34
"mp-cells": "weui-miniprogram/cells/cells",
45
"mp-cell": "weui-miniprogram/cell/cell",
56
"mp-badge": "weui-miniprogram/badge/badge"
67
},
7-
"renderer": "webview",
8-
"navigationBarTitleText": "badge"
9-
10-
}
8+
"navigationStyle": "custom",
9+
"renderer": "skyline"
10+
}

‎miniprogram/packageExtend/pages/base/badge/badge.wxml

Lines changed: 39 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,43 @@
11
<view class="page" data-weui-theme="{{theme}}">
2-
<view class="page__hd">
3-
<view class="page__title">Badge</view>
4-
<view class="page__desc">徽章</view>
5-
</view>
2+
<mp-navigation-bar title="Badge"></mp-navigation-bar>
3+
<scroll-view type="list" scroll-y class="page-height">
4+
<view class="page__hd">
5+
<view class="page__title">Badge</view>
6+
<view class="page__desc">徽章</view>
7+
</view>
68

7-
<view class="page__bd">
8-
<mp-cells title="新消息提示跟摘要信息后，统一在列表右侧">
9-
<mp-cell title="单行列表" link>
10-
<view slot="footer">
11-
<view style="display: inline-block;vertical-align:middle; font-size: 17px;">详细信息</view>
12-
<mp-badge style="margin-left: 5px;margin-right: 5px;" ext-class="blue"/>
13-
</view>
14-
</mp-cell>
15-
</mp-cells>
9+
<view class="page__bd">
10+
<mp-cells title="新消息提示跟摘要信息后，统一在列表右侧">
11+
<mp-cell title="单行列表" link>
12+
<view slot="footer" style="display: flex; flex-direction: row; align-items: center;">
13+
<view style="display: inline-block;vertical-align:middle; font-size: 17px;">详细信息</view>
14+
<mp-badge style="margin-left: 5px;margin-right: 5px;" ext-class="blue"/>
15+
</view>
16+
</mp-cell>
17+
</mp-cells>
1618

17-
<mp-cells title="未读数红点跟在主题信息后，统一在列表左侧">
18-
<mp-cell>
19-
<view slot="title" style="position: relative;margin-right: 10px;">
20-
<image src="../../images/pic_160.png" style="width: 50px; height: 50px; display: block"/>
21-
<mp-badge content="99+" style="position: absolute;top: -.4em;right: -.4em;"/>
22-
</view>
23-
<view>联系人名称</view>
24-
<view style="font-size: 13px;color: #888888;">摘要信息</view>
25-
</mp-cell>
26-
<mp-cell link>
27-
<view style="display: inline-block; vertical-align: middle">单行列表</view>
28-
<mp-badge content="8" style="margin-left: 5px;"/>
29-
</mp-cell>
30-
<mp-cell link>
31-
<view style="display: inline-block; vertical-align: middle">单行列表</view>
32-
<mp-badge style="margin-left: 5px;" content="New"/>
33-
</mp-cell>
34-
</mp-cells>
35-
</view>
19+
<mp-cells title="未读数红点跟在主题信息后，统一在列表左侧">
20+
<mp-cell>
21+
<view slot="title" style="position: relative;margin-right: 10px;">
22+
<image src="../images/pic_160.png" style="width: 50px; height: 50px; display: block"/>
23+
<mp-badge aria-label="未读" content="99+" style="position: absolute;top: -0.4rem;right: -0.4rem;"/>
24+
</view>
25+
<view>联系人名称</view>
26+
<view style="font-size: 13px;color: #888888;">摘要信息</view>
27+
</mp-cell>
28+
<mp-cell link>
29+
<view style="display: flex; flex-direction: row; align-items: center;">
30+
<view style="display: inline-block; vertical-align: middle">单行列表</view>
31+
<mp-badge content="8" style="margin-left: 5px;"/>
32+
</view>
33+
</mp-cell>
34+
<mp-cell link>
35+
<view style="display: flex; flex-direction: row; align-items: center;">
36+
<view style="display: inline-block; vertical-align: middle">单行列表</view>
37+
<mp-badge style="margin-left: 5px;" content="New"/>
38+
</view>
39+
</mp-cell>
40+
</mp-cells>
41+
</view>
42+
</scroll-view>
3643
</view>

‎miniprogram/packageExtend/pages/base/flex/flex.js

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,3 @@
11
import CustomPage from '../../../base/CustomPage'
22

3-
CustomPage({
4-
onShareAppMessage() {
5-
return {
6-
title: 'flex',
7-
path: 'packageExtend/pages/base/flex/flex'
8-
}
9-
},
10-
})
3+
CustomPage({})

‎miniprogram/packageExtend/pages/base/flex/flex.json

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
{
2-
"usingComponents": {},
3-
"renderer": "webview",
4-
"navigationBarTitleText": "flex"
5-
6-
}
2+
"usingComponents": {
3+
"mp-navigation-bar": "weui-miniprogram/navigation-bar/navigation-bar"
4+
},
5+
"navigationStyle": "custom",
6+
"renderer": "skyline"
7+
}

‎miniprogram/packageExtend/pages/base/flex/flex.wxml

Lines changed: 30 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,34 @@
11
<view class="page" data-weui-theme="{{theme}}">
2-
<view class="page__hd">
3-
<view class="page__title">Flex</view>
4-
<view class="page__desc">Flex布局</view>
5-
</view>
6-
<view class="page__bd page__bd_spacing">
7-
<view class="weui-flex">
8-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
2+
<mp-navigation-bar title="Flex"></mp-navigation-bar>
3+
<scroll-view type="list" scroll-y class="page-height">
4+
<view class="page__hd">
5+
<view class="page__title">Flex</view>
6+
<view class="page__desc">Flex布局</view>
97
</view>
10-
<view class="weui-flex">
11-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
12-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
8+
<view class="page__bd page__bd_spacing">
9+
<view class="weui-flex">
10+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
11+
</view>
12+
<view class="weui-flex">
13+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
14+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
15+
</view>
16+
<view class="weui-flex">
17+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
18+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
19+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
20+
</view>
21+
<view class="weui-flex">
22+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
23+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
24+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
25+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
26+
</view>
27+
<view class="weui-flex">
28+
<view><view class="placeholder">weui</view></view>
29+
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
30+
<view><view class="placeholder">weui</view></view>
31+
</view>
1332
</view>
14-
<view class="weui-flex">
15-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
16-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
17-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
18-
</view>
19-
<view class="weui-flex">
20-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
21-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
22-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
23-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
24-
</view>
25-
<view class="weui-flex">
26-
<view><view class="placeholder">weui</view></view>
27-
<view class="weui-flex__item"><view class="placeholder">weui</view></view>
28-
<view><view class="placeholder">weui</view></view>
29-
</view>
30-
</view>
33+
</scroll-view>
3134
</view>

0 commit comments

Comments
 (0)