# 基本組件
## **一、標題欄 組件**
~~~
標題名稱設置、標題風格選擇。
~~~
:-:
## **二、選項卡 組件**
~~~
不同選項卡，展示不同的內容，實現不跳轉頁面顯示更多內容
~~~
~~~
選項卡樣式設置，可以將其他組件拖拽到選項卡中
~~~
:-:
~~~
選項卡置頂屬性，可以實現底部固定效果
~~~
## **三、圖片輪播 組件**
圖片可添加超鏈接、輪轉方式、圖片切換時間。
:-:
:-:
## **四、圖片櫥窗 組件**
~~~
列行數、列寬度設置圖片展示大小。
~~~
## **五、圖標組 組件**
~~~
【圖標組】可設置每行顯示個數，如圖標較多，可插入多個【圖標組】組件
~~~
~~~
系統內置各種圖標可選擇使用，亦可自己上傳圖標
~~~
~~~
可設置固定置底，并選擇【底部菜單】風格，用于非全局底部菜單場景
~~~
> ##### 1、固定置底
>
> 
>
> ##### 2、設置風格
>
> 
## **六、菜單組 組件**
~~~
豎版圖標，一般用于個人中心
~~~
> 可以添加多個
## **七、按鈕組合 組件**
~~~
可固定底部，可放置頁面中，一行可多個按鈕
~~~
> 1、固定底部
> 在內容設置中，開啟固定底部開關
> 2、調節按鈕寬度
> 固定底部開關下方，鼠標點擊按鈕間的豎線，鼠標拖動豎線，調節按鈕寬度
> 3、添加按鈕
> 在內容設置中，點擊添加一個按鈕
## **八、公告 組件**
~~~
公告可跳轉至頁面、表單記錄、功能按鍵、外部鏈接等。
~~~
> 可調用文章分類，實現多條公告
## **九、 視頻 組件**
~~~
支持MP4.、優酷、騰訊視頻播放。
~~~
## **十、地圖 組件**
~~~
拾取坐標
~~~
:-:
## **十一、分割線 組件**
~~~
分割線風格選擇
~~~
## **十二、音頻播放 組件**
* * *
~~~
圖標及封面的隱藏、播放設置，圖標顯示位置。
~~~
## **十三、富文本 組件**
* * *
~~~
適用于大段落內容排版，建議設置 內邊距、背景圖 等樣式
~~~
~~~
【小程序】的 【富文本】內，不支持插入視頻及設置跳轉鏈接
~~~
~~~
可使用內容編輯器，與文章編輯器一致
~~~
~~~
富文本內容插入圖片
~~~
:-:
### **十四、JS代碼 組件**
* * *
~~~
引用js代碼
~~~
**舉例：禁止頁面分享**
~~~
function onBridgeReady() {
WeixinJSBridge.call('hideOptionMenu');
}
if (typeof WeixinJSBridge == "undefined") {
if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
} else {
onBridgeReady();
}
~~~
> 不支持小程序使用
## **十五、嵌入網頁 組件**
* * *
~~~
直接在頁面中簽入其他站點頁面
~~~
> 小程序不能使用此組件
