WeChat ??? ? ?? ?? ??(??? ?)
Nov 15, 2022 pm 05:11 PM
? ?? WeChat ?? ????? ?? ?? ??? ????, ?? Windows ????? ? ??? ?? ?? ??? ?????. ??? ? ????? ? ?? ??? ??? ???? ????. ?? ??.
【?? ?? ??: ?? ???? ?? ????】
wxss?? rpx? ???? ??? ?? ????? ??? ???? ?? ??? ??? ????, ? ??? ??? ???????. ? ?? ??? ?????.
-
rpx ??
1. px(???) ??? ?? HTML ???? ????? ??? ? ?? ????? WeChat ?????? What? ?????. ??? ?????? ?? rpx?? ????? ??? ??? ?? ??? ??? ?? ??????
2.rpx? ?? ??? ???? ?? ?????. ?? ??? ???? ?? ??? ?????. 750rpx? ??? ???. rpx? ?? ??? ??? ??? ?????. ?? ????? ??? ??? ???? ???? rpx? px ??? ??? ??? ? ????.
<code><span style="font-size: 14px;">特別的在我們微信小程序開發(fā)中，我們前面提到過推薦使用 iPhone 6 進(jìn)行開發(fā)，因?yàn)?iPhone 的 px =375，那么我們 2 rpx= 1 px</span> -
關(guān)于全局配置和局部配置
關(guān)于全局配置和局部配置我們前面也是以及介紹完畢，感興趣的小伙伴可以前面考古一下！下面我會(huì)專門講一下在 全局配置中常用的配置項(xiàng)！
一、全局配置的常用配置項(xiàng)
老規(guī)矩先用表格展示一下。?? WeChat ?? ???? ???? ?? ??? ? ????. iPhone 6? ??? ?????. iPhone? px = 375??? 2 rpx = 1 px
| ?? ?? ? ?? ?? ?? | |
|---|---|
| configuration ?? namefunection | |
| pages | Storage ?? ?? ?? ????? ?? ???? ?? ?? ???? ?? ??? ?????? |
- ?? ???? ??? tabBar ??? ?????
- style ? ??? ???? ?? ??? ??
-
pages ???? ????? ??? in ?? ???? ???? ?? ???? ??????. ? ?? ??? ??? ??? ??? ?? WeChat ???? ???? ??? ??? ?????.
window ? tabBar ?? ??? ???????. , ??? ?? ??? ??? ?????.
window ? tabBar ?? ??? ???????. , ??? ?? ??? ??? ?????. ?? ?????
| 2. ? ?? ?? | ? ?? ?? ???? ?? ??? ??? ?? ? ??? ?????. ?? ? ??? ?? ?? ??? ???????. | ||
|---|---|---|---|
| ?? ?? | Type | ??? | Function |
| navigationBarTitleText | string | ??? | |
| navigationBarBackgroundColor | Hexcolor | # 000000 | |
| navigationBarTextStyle | string | white | |
| BackgroundColor | Hexcolor | #ffffff | |
| ??TextStyle | string | dark | |
| enablePullDownRefresh | Boolean | ?? |
?? ?? ??? app.json ?? ??? ?????! ! ! ????, NavigationBarTitleText ? ???? ?? ??? ????????. ??? ?? ??? ?? ??? ? ? ????. 我們所有的上述設(shè)置都是在 app.json 內(nèi)的 window 里面進(jìn)行設(shè)置?。?！接下來我演示一下 navigationBarTitleText 和 下拉相關(guān)屬性 ，剩下的配置項(xiàng)大家可以自行嘗試！
2.1 navigationBarTitleText 配置項(xiàng)
話不多說開始操作！
打開 app.json ，找到 window
-
在 window 中我們可以看到下面默認(rèn)的配置項(xiàng)目
??"window":{ ??"backgroundTextStyle":"light", ??"navigationBarBackgroundColor":?"#fff", ??"navigationBarTitleText":?"Weixin", ??"navigationBarTextStyle":"black" ?}, -
我們可以看到第三行的 navigationBarTitleText 即為我們的導(dǎo)航欄標(biāo)題內(nèi)容的配置，默認(rèn)為 Weixin ，比如我更改為 “皮皮的小屋”
"window":{ ??"backgroundTextStyle":"light", ??"navigationBarBackgroundColor":?"#fff", ??"navigationBarTitleText":?"皮皮的小屋", ??"navigationBarTextStyle":"black" ?}, -
效果展示：
2.2 下拉刷新的配置
關(guān)于下拉刷新我相信大家一定經(jīng)常使用，比如我們使用手機(jī)時(shí)卡頓了，那么我們習(xí)慣性動(dòng)作就是向下拉動(dòng)屏幕，這樣我們的頁面就會(huì)重新加載，那么我們?nèi)绾螌?shí)現(xiàn)功能呢？
-
首先打開 app.json 進(jìn)入 window 配置，打開下拉功能
??"window":{ ??"backgroundTextStyle":"light", ??"navigationBarBackgroundColor":?"#ffa", ??"navigationBarTitleText":?"皮皮的小屋", ??"navigationBarTextStyle":"black", ??"enablePullDownRefresh":?true ?}, 在最后一行我們將 enablePullDownRefresh 設(shè)置為 true 即可
-
效果展示：
至此我們對(duì)于這些配置就進(jìn)行了簡(jiǎn)單的介紹，我們?cè)谧孕袊L試這些配置項(xiàng)的時(shí)候需要注意的就是我們 onReachBottomDistance ，他的上拉觸底的意思就是我們平時(shí)刷購(gòu)物平臺(tái)的時(shí)候，當(dāng)我們刷新到離底部一定距離的時(shí)候，頁面會(huì)自動(dòng)刷新下面的數(shù)據(jù)，我們就是通過 onReachBottomDistance 設(shè)置自動(dòng)刷新的位置
2.1 NavigationBarTitleText ?? ??
? ?? ???? ?? ??? ???! app.json? ?? ?? ????
??/ li>
??2.2 ??? ?? ?? ??
???? ????? ???? ?? ????? ? ? ???. ?? ?? ???? ????? ??? ? ??? ???? ??? ??? ????. ???? ?? ????? ??? ??? ????. ??? ? ??? ??? ?????? ??
- ???? app.json? ?? ? ??? ??? ? ??? ??? ?????rrreee
- ????? ??, ???PullDownRefresh? true? ????????
- ???? ??: ??
??
??
???? ??? ??? ?? ???? ??????. ??? ?? ??? ?? ???? ?? onReachBottomDistance??, ?? ? ????? ????? ?? ???? ?? ?? ? ???? ?? ???? ?? ?? ? ???? ???? ?? ???? ?? ??? ?? ?????. onReachBottomDistance? ?? ?? ???? ??????【?? ?? ????: ???? ???? ?? ??????】??? ??? WeChat ??? ? ?? ?? ??(??? ?)? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8517
17
1742
16
1596
56
1536
28
1396
31
Xianyu WeChat ?? ???? ?? ??
Feb 10, 2024 pm 10:39 PM
Xianyu? ?? WeChat ?? ????? ??? ???????. ?? ??????? ??? ???? ???? ???/???? ????, ?? ?? ? ?? ??, ?? ?? ?? ? ? ????. ?????? Xianyu WeChat mini? ?????? ????? ?????? Xianyu WeChat ???? ??? ?????? ??: Xianyu, ?? ??, ?? ??, ???? ? ???. 1. ?? ??????? ?? ??? ??, ??? ???? ?? ???/????? ??????, ?? ?? ? ?? ??, ?? ?? ?? ?? ? ? ????. 2. ?? ???? ????? ??? ????? ????. ?? ??, ???, ? 5?? ?? 3. ????? ???? ?? WeChat ??? ????? ???.
WeChat ?? ????? ??? ?? ?? ??
Nov 21, 2023 pm 06:22 PM
WeChat ?? ?????? ?? ?? ?? ?? ?? ??? ??????? ??? ?? ???? ??? ??? ??? ??? ??? ?? ??? ?? ??? ???? ?? ?? ? ???? ????. WeChat ?? ??????? ?? ?? ??? ??? ? ?? ????? ?? ???? ???? ?? ?? ??? ?????. ? ????? WeChat ?? ?????? ??? ?? ??? ???? ??? ???? ???? ?? ??? ?????. ?? WeChat ???? ??? ?? ??? ???? ???? ???? ???? ???. ????? ??? ????? ??? ? ????.
WeChat ????? ???? ?? ?? ??
Nov 21, 2023 pm 03:03 PM
WeChat ?? ?????? ???? ?? ??? ????? ???? ?? ??? ?????. ??? ???? ??? ?? WeChat ?? ????? ??? ??? ??? ??? ???? ?? ? ?? ???? ??? ?? ???? ??????. WeChat ?? ????? ?????. WeChat ?? ???? ??? ?? APP ???? ???? ???? ?? ?? ??? ???? ???. WeChat ?? ???? ???? ???? ??? ???? UI ?? ???, ? ?? ??? ??? ?????. ? ????? WeChat ????? ???? ?? ??? ???? ??? ??? ???? ???? ??? ?????.
Xianyu WeChat ???? ??? ??????
Feb 27, 2024 pm 01:11 PM
Xianyu? ?? WeChat ?? ????? ????? ?? ??? ?? ???? ??? ? ?? ??? ???? ???? ?? ??? ???????. ?? ??????? ??? ???? ?? ??? ?? ???? ??? ? ???, ???? ? ?? ??, ??? ??? ??? ? ????. ???? WeChat ?? ?????? Xianyu? ??? ????? ????? ? ???? ?????? ?? ?? ??? ?????. ?? ?? ???? ? ??? ?? ?? ?????! Xianyu WeChat ???? ??? ?????? ??: Xianyu, ?? ??, ?? ??, ???? ? ???. 1. ?? ??????? ?? ??? ??, ??? ???? ?? ???/????? ??????, ?? ?? ? ?? ??, ?? ?? ?? ?? ? ? ????. 2. ?? ???? ????? ??? ????? ????. ?? ??, ??? ? 5?? ??.
WeChat ???? ?? ??? ??? ?????.
Nov 21, 2023 am 09:08 AM
WeChat ???? ?? ??? ??? ?????. ??? ???? ???? WeChat ???? ???? ?? ???? ?? ??? ?????. WeChat ?? ????? ??? ?????? ????? ??? ?? ??? ??? ??? ??? ??? ??? ?? ??? ?????. ? ????? WeChat ????? ??? ??? ??? ???? ??? ???? ???? ?? ??? ?????. 1. ?? ?? ?? ??? ???? ?? WeChat ??? ??? ?????? ???? WeChat ???? ???? ???. ??? WeChat? ???? ???.
WeChat ???? ???? ??? ?? ?? ??
Nov 21, 2023 pm 05:59 PM
WeChat ???? ???? ??? ?? ??? ????. WeChat ???? ?? ? ??? ???? ???? ?? ?????????. WeChat ?? ??????? ??? ?? ??? ???? ?? ???? ?? ?????. ? ????? WeChat ???? ???? ??? ?? ??? ?? ??? ???? ???? ?? ??? ?????. ?? WeChat ???? ??? ??? ??? ?? ??? ?????. ?? ?? <swiper> ??? ???? ???? ?? ??? ?? ? ????. ? ?? ????? b? ??? ? ????.
WeChat ????? ??? ?? ?? ??
Nov 21, 2023 am 08:26 AM
WeChat ?? ?????? ??? ?? ??? ????? ???? ?? ??? ?????. WeChat ?? ????? ????? ??? ??? ?? ??? ??? ???? ?? ?????????. ?? ?????? ???? ??? ?? ??? API? ???? ??? ??? ?? ? ????. ? ? ?? ?? ??? ??????? ??? ?? ??? ?? ? ?? ???? ????? ????. WeChat ?? ?????? ??? ?? ??? ???? ?? ?????? ???? ????? API? ???? ???. ??? ??? ???? ?? ?? ?????.
WeChat ?? ?????? ???? ?? ?? ??
Nov 21, 2023 pm 06:22 PM
WeChat ?? ?????? ???? ?? ??? ????? ?? ?? ??? ?????. WeChat ?? ????? ??? ?? ???? ?? ???? ?? ?? ??? ?? ??? ???? ??? ????. ?? ???? ?? ??? ????? ???? ?? ?? ?????. ? ????? WeChat ????? ???? ?? ??? ???? ??? ??? ???? ???? ?? ??? ?????. 1. ?? ?? ?? WeChat ?? ?????? ???? ?? ??? ???? ?? ??? ?????. ?? ??: ???? ? ??? ? ?? ??? ????? ? ?? ??? ??? ????? ???.
