大家下午好，作為一隻寫了好幾個月小程式的猿，微信關注了‘微信公眾平臺’的公眾號是必然的，所以頭天晚上就收到了這廝推送的訊息，說是掃碼開啟小程式新增公眾號關注元件。講真的，我真的沒開啟看，困成狗的我心想：反正現在也不用，就先這樣吧，用的時候再說，然後就碎了。然而今天早上到了公司，正在認真碼字，我們產品經理一個訊息發過來了，開啟一看，簡單明瞭，於是就有了以下的對話……

唉~心痛的無法呼吸，沒辦法，那就研究一下，多瞭解瞭解也挺好的其實。。。
那就先去看一下文件好了：

official-account元件說明：

使用者掃碼開啟小程式時，開發者可在小程式內配置公眾號關注元件，方便使用者快捷關注公眾號，可巢狀在原生元件內。
先說明一個重點啊：想使用這個元件，小程式基礎庫要在2.3.0及以上，要不然是不會顯示的。文件上那一行小字太容易讓人忽視了，反正我打眼一看是沒看到。。。

使用注意事項：

1. 使用元件前，需前往小程式後臺，在“設定”->“介面設定”->“公眾號關注元件”中設定要展示的公眾號。
   注：設定的公眾號需與小程式主體一致。
2. 在一個小程式的生命週期內，只有從以下場景進入小程式，才具有展示引導關注公眾號元件的能力:
   當小程式從掃二維碼場景（場景值1011）開啟時
   當小程式從掃小程式碼場景（場景值1047）開啟時
   當小程式從聊天頂部場景（場景值1089）中的“最近使用”內開啟時，若小程式之前未被銷燬，則該元件保持上一次開啟小程式時的狀態
   當從其他小程式返回小程式（場景值1038）時，若小程式之前未被銷燬，則該元件保持上一次開啟小程式時的狀態
3. 每個頁面只能配置一個該元件。

具體使用：

<view style="width:100%;position:relative;height:400rpx;background:gray;">
 <official-account style=""></official-account>
</view>

根據上面的注意事項我們知道，它並不是什麼情況下都顯示的，所以我在開發者工具上配置了一個場景值為1011的編譯場景：

那麼再次說明，基礎庫要選對啊，要不然可是顯示不出來的！！！

設定完這兩步，之前寫好的official-account元件就可以顯示出來了：

樣式設定

<view style="width:100%;position:relative;height:400rpx;background:gray;">
  <official-account style="position:absolute;top:0;width:81%;height:168rpx;border:1rpx solid black;"></official-account>
</view>

正如你們所看到的，這個元件的位置我們是可以盡情控制的，在它的外面包裹上一層view，想放哪放哪，但是我試過了，其他的樣式好像是不那麼輕易能改的，它的寬度還稍微能改動一下，可以縮小到螢幕的81%，但是高度是怎麼樣都改不了，我試了一下大概高度為168rpx，再小就不行了，而且就算你把它的高度設定的很小，他也是變不了，奇葩的是當高度設定的太小，再來個overflow：hidden的時候，人家還能直接把超出的部分隱藏掉，但是就不讓你改，算了算了，這個樣式我接受，我們產品怎樣我就不知道了，hhhhh……
給你們看看我上面說到的情況：
高度設定為168的一半，然後讓溢位隱藏

而且它的背景色設定了是沒有用的：

<view style="width:100%;position:relative;height:400rpx;background:gray;">
 <official-account style="position:absolute;top:0;background-color:red;width:81%;height:168rpx;font-size:50rpx;overflow:hidden;border:1rpx solid black;"></official-account>
</view>

樣式設定總結

上面囉嗦了那麼多，樣式部分總的來說，其實我們能控制的只有它的位置和寬度（寬度還是隻能縮小那麼一點點），然後其他的什麼背景色/字型尺寸/高度啥的我們都控制不了。

看過來看過來看過來

小程式在日漸強大，我能感知到的也有限，大家有什麼新發現，記得要分享出來給萍子哦。
好啦，馬上就到下班時間了，中秋節假日倒計時，提前祝大家中秋節快樂，假日愉快咯！