小程序(三)

一、小程序打開(kāi)默認(rèn)某一個(gè)tab頁(yè)

? ? 在開(kāi)發(fā)過(guò)程中扼脐,如果在寫(xiě)第四個(gè)tab頁(yè)幌缝,可是每次打開(kāi)的時(shí)候都會(huì)默認(rèn)打開(kāi)第一頁(yè),這個(gè)時(shí)候有兩個(gè)辦法:

(1)在app.json文件中滞磺,pages對(duì)象中把想要展示的第一個(gè)頁(yè)面放在第一行升薯,這樣就可以了

app.json

(2)在編譯模式下,可以設(shè)置啟動(dòng)頁(yè)面

編譯模式

二击困、小程序每個(gè)tab 頁(yè)面上的標(biāo)題名稱

如果要每個(gè)tab用相同的名稱涎劈,可以在app.json中,window對(duì)象中設(shè)置navigationBarTitleText阅茶,只要更改這個(gè)蛛枚,就可以改各個(gè)tab頁(yè)的名稱

app.json

如果只是想改某一個(gè)tab頁(yè)的標(biāo)題名稱,可以在它所在的頁(yè)面下設(shè)置json文件脸哀,如"navigationBarTitleText": "個(gè)人中心"

設(shè)置標(biāo)題名稱

還有一個(gè)是動(dòng)態(tài)返回名稱坤候,這個(gè)本人還沒(méi)遇到過(guò),在網(wǎng)上看到過(guò)相關(guān)方法企蹭,放在這兒白筹,僅供參考

隨數(shù)據(jù)庫(kù)返回內(nèi)容動(dòng)態(tài)更新頁(yè)面標(biāo)題

//example.js加載時(shí)動(dòng)態(tài)設(shè)置頁(yè)面標(biāo)題

//獲取應(yīng)用實(shí)例

var app = getApp();

Page({

? data: {},

? onLoad: function (options) {

? ? var that = this;

? ? that.setData({

? ? ? mername: options.mername//options為頁(yè)面路由過(guò)程中傳遞的參數(shù)

? ? })

? ? wx.setNavigationBarTitle({

? ? ? title: that.data.mername//頁(yè)面標(biāo)題為路由參數(shù)

? ? })

? },

? onReady: function () {

? ? // 頁(yè)面渲染完成

? },

? onShow: function () {

? ? // 頁(yè)面顯示

? },

? onHide: function () {

? ? // 頁(yè)面隱藏

? },

? onUnload: function () {

? ? // 頁(yè)面關(guān)閉

? }

})

原文:https://blog.csdn.net/m0_37893932/article/details/70155310

三、小程序屏幕自適應(yīng)rpx

rpx 是微信小程序解決自適應(yīng)屏幕尺寸的尺寸單位谅摄。微信小程序規(guī)定屏幕的寬度為750rpx徒河。

無(wú)論是在iPhone6上面還是其他機(jī)型上面都是750rpx的屏幕寬度,拿iPhone6來(lái)講送漠,屏幕寬度為375px顽照,把它分為750rpx后, 1rpx = 0.5px闽寡。

微信小程序同時(shí)也支持rem尺寸單位代兵, rem 規(guī)定屏幕的寬度為20rem, 所以 1rem = (750/20)rpx = 37.5 rpx

小程序rpx與px,rem的轉(zhuǎn)換

原文:https://blog.csdn.net/starleejay/article/details/78910590

四、 小程序頁(yè)面 background-url加載一張背景圖片

在寫(xiě)PC頁(yè)面爷狈,或者H5頁(yè)面時(shí)植影,如果我們要使用背影圖片,都會(huì)這么寫(xiě) background-image: url("../images/photo.png");

但是在小程序里寫(xiě)發(fā)現(xiàn)涎永,這樣寫(xiě)思币,圖片也出不來(lái)

發(fā)現(xiàn)小程序的背影圖片是無(wú)法使用,需要base64或者網(wǎng)絡(luò)圖片才可能羡微,如果用的是image標(biāo)簽則可以用本地圖片

http://tool.css-js.com/base64.html? 這個(gè)網(wǎng)址可以把圖片轉(zhuǎn)換成base64 但是這樣寫(xiě)谷饿,編碼太長(zhǎng),看上去太亂

轉(zhuǎn)換成網(wǎng)絡(luò) 地址妈倔,需要在服務(wù)器下

所以背景圖片盡量使用image標(biāo)簽代替

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末博投,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子盯蝴,更是在濱河造成了極大的恐慌毅哗,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件结洼,死亡現(xiàn)場(chǎng)離奇詭異黎做,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)松忍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)蒸殿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人鸣峭,你說(shuō)我怎么就攤上這事宏所。” “怎么了摊溶?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,221評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵爬骤,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我莫换,道長(zhǎng)霞玄,這世上最難降的妖魔是什么骤铃? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,474評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮坷剧,結(jié)果婚禮上惰爬,老公的妹妹穿的比我還像新娘。我一直安慰自己惫企,他們只是感情好撕瞧,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著狞尔,像睡著了一般丛版。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上偏序,一...
    開(kāi)封第一講書(shū)人閱讀 49,816評(píng)論 1 290
  • 那天页畦,我揣著相機(jī)與錄音,去河邊找鬼禽车。 笑死寇漫,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的殉摔。 我是一名探鬼主播州胳,決...
    沈念sama閱讀 38,957評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼逸月!你這毒婦竟也來(lái)了栓撞?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,718評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤碗硬,失蹤者是張志新(化名)和其女友劉穎瓤湘,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體恩尾,經(jīng)...
    沈念sama閱讀 44,176評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡弛说,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了翰意。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片木人。...
    茶點(diǎn)故事閱讀 38,646評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖冀偶,靈堂內(nèi)的尸體忽然破棺而出醒第,到底是詐尸還是另有隱情,我是刑警寧澤进鸠,帶...
    沈念sama閱讀 34,322評(píng)論 4 330
  • 正文 年R本政府宣布稠曼,位于F島的核電站,受9級(jí)特大地震影響客年,放射性物質(zhì)發(fā)生泄漏霞幅。R本人自食惡果不足惜漠吻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蝗岖。 院中可真熱鬧侥猩,春花似錦、人聲如沸抵赢。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,755評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)铅鲤。三九已至,卻和暖如春枫弟,著一層夾襖步出監(jiān)牢的瞬間邢享,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,987評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工淡诗, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留骇塘,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,358評(píng)論 2 360
  • 正文 我出身青樓韩容,卻偏偏與公主長(zhǎng)得像款违,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子群凶,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 昨晚再一次體驗(yàn)到了程序員的加班插爹,開(kāi)始慢慢習(xí)慣了-.-今天談一談關(guān)于滾動(dòng)Tab選項(xiàng)卡:左右可滑動(dòng)切換的效果,效果最終...
    寫(xiě)bug我是專業(yè)的閱讀 287評(píng)論 0 0
  • 第五章:微信小程序名片夾詳情頁(yè)開(kāi)發(fā)今天加了新干貨请梢!除了開(kāi)發(fā)日志本身赠尾,還回答了一些朋友的問(wèn)題。閑話不多說(shuō)毅弧,先看下「名...
    c14328d5898b閱讀 4,820評(píng)論 4 3
  • 小程序自定義組件使用 第一步:創(chuàng)建自定義組件 第二步:如何引入組件 例如:在login頁(yè)面中引入dialog組件 ...
    Abby_qi閱讀 479評(píng)論 0 0
  • (一) 我伴著許知遠(yuǎn)的《單讀》洗著衣服气嫁,起先只為了耳邊有點(diǎn)兒東西陪伴,僅此而已够坐。 然而寸宵,不經(jīng)意的旅程總會(huì)看見(jiàn)與眾不...
    蘿卜閱讀 291評(píng)論 0 0
  • 我想我們是很一樣的人 一樣渴望自由 也一樣被束縛著 我很愛(ài)你 只因了我們是很一樣的人
    陳叔兒閱讀 122評(píng)論 0 1