:
1.當(dāng)我們的公眾平臺開通小程序,添加小程序,選擇備注快速注冊認(rèn)證小程序。完成后,進入微信第三方,輸入:
2.我們需要做的是微信抽獎小程序活動。于是,找到幸運水果機,添加水果達人活動,開始填寫活動信息,因為我們在做微信抽獎小程序活動模塊。編輯活動名稱,活動兌換信息,中獎提示,活動時間,活動描述,還可以更換背景圖片,繼續(xù)編輯活動結(jié)束內(nèi)容。
3.各微信抽獎小程序是需要設(shè)置的地方,也就是活動的獎項設(shè)置。我們可以設(shè)置6個不同的獎項,編輯獎項名稱和獎項數(shù)量。預(yù)計活動人數(shù)會直接影響填寫后抽獎的概率;然后填寫每人的抽獎次數(shù)。在抽獎限額中,可以查看每日抽獎或者分享增加抽獎的機會。完成后保存。
4.輸入小程序。開啟營銷活動小程序。我們可以看到幸運水果機。將鼠標(biāo)移動到頂部,它將生成小程序二維碼。我們可以掃碼進入微信抽獎小程序,
1、單位變化,寫H5頁,一般用rem、px、percentage等。在小程序,它有自己的單位rpx。我自己的理解是,一個寬度為100%的div,也就是常說的橫幅,所以它的寬度是750rpx。50%寬,也就是375rpx。這個rpx可以自動適應(yīng)不同的屏幕尺寸,所以不用擔(dān)心小程序中頁面的兼容性問題。
2.完全支持flex布局。flex布局之前也接觸過,因為瀏覽器兼容性還沒有完全覆蓋,所以沒什么用。現(xiàn)在還在用float,在小程序,可以放心使用。實際使用后,感覺比float強多了。我相信再過幾年,flex布局會成為主流,這將是前端布局的一次革命,因為它徹底改變了現(xiàn)有的模式。不熟悉flex的小伙伴們,趕緊學(xué)起來吧。
3.關(guān)于背景圖,首先小程序中不支持背景圖。Base64,對于前端人員來說,這兩種方法完全不現(xiàn)實。因此,不支持背景圖像。那我該怎么辦呢?解決辦法是:小圖,用字體圖標(biāo)寫。大圖,用圖像寫,再寫絕對定位。到目前為止,還沒有更好的辦法。
4.字體圖標(biāo)的使用。小程序有自己的字體圖標(biāo),但是太少了。這根本不夠好。我們還是要用大阿里的logo庫,但是不能直接用。我們必須將ttf字體轉(zhuǎn)換成base64。百度有具體方法。
5.關(guān)于標(biāo)簽閉包小程序,標(biāo)簽閉包的要求特別嚴(yán)格,過于精確??梢哉f稍微短一點就會報錯,有點像xhtml。標(biāo)簽必須是關(guān)閉的。要特別注意像input這樣的單標(biāo)簽,如果跟隨/不寫的話是永遠(yuǎn)不行的。
6,模板和文件引用,只要當(dāng)遇到重用的代碼塊時,可以構(gòu)建一個模板在任何地方引用它,比如頭、底、列表。模板的用法也不難,就是把代碼放進去,給它起個名字,就是一個模板。使用IS屬性引用模板。詳情請查閱官方文件。
7.善用公文。前端人員主要看組件,框架部分,夠用了。小程序有自己的官方開發(fā)文檔,很詳細(xì),就是對于第一次接觸的人來說,有點頭疼無從下手,不好讀。