修改內(nèi)容
本文介紹在設計器中修改控件的方法。
修改控件的方法
修改內(nèi)容會應用到多個控件,修改控件方法:選中控件,當控件顯示為下圖所示狀時,即為選中態(tài)。此時可單擊設置狀按鈕,將彈出右側設置面板;也可右鍵單擊控件設置層級,對齊方式等。
右鍵快捷設置:鼠標右鍵單擊某一控件,將彈出下圖所示彈框。單擊屬性會彈出快速設置面板,單擊對齊可設置對齊方式,選中多個組件時,單擊分布,可設置分布方式,單擊層級可調(diào)整層級。
說明按住鍵盤的Ctrl或command鍵,同時鼠標逐個單擊選中,即可選中多個組件。
快速設置面板:單擊設置,可彈出快速設置面板,用于設置當前組件的樣式、數(shù)據(jù)、動效、排列。
樣式:一般是像PPT一樣的調(diào)整陰影、格式等樣式。
數(shù)據(jù):可添加或更改數(shù)據(jù)、設置數(shù)據(jù)跳轉(zhuǎn)鏈接及數(shù)據(jù)打開方式。
交互:可設計控件內(nèi)部動效。
動效:可設置控件整體動效。
排列:可設置尺寸和位置。
控件指南表
修改內(nèi)容時,需要用到各個控件,下表為控件名稱-作用-指南表,便于您快速了解并使用控件。
控件名稱 | 控件作用 | 指南 |
文本 | 文本控件主要包括標題及段落,可用文字描述內(nèi)容。 | |
圖片 | 圖片控件主要包括圓形圖片及方形圖片,可用圖片描述內(nèi)容。 | |
圖文組合 | 圖文組合控件由設計師設計,用圖片、文字組合而成,可用圖文組合控件快捷設計一個模塊。 | |
排版類控件(線條、全屏排版) | 排版類控件主要包括線條及全屏排版控件,使用此類控件,可劃分模塊區(qū)域,使頁面結構更清晰。 | |
布局類控件(容器、自適應布局、標簽布局、多欄布局) | 布局類控件主要包括容器、自適應布局、標簽布局、多欄布局,此類控件可設置背景,可在控件內(nèi)放置多種其他控件,選中布局控件進行復制粘貼移動等操作,可操作布局控件及布局控件內(nèi)的所有控件。 | |
欄目導航類控件(橫向?qū)Ш健⒇Q向?qū)Ш健⒚姘肌⒄Z言切換、手機/PC切換) | 欄目導航類控件主要包括橫向?qū)Ш健⒇Q向?qū)Ш健⒚姘肌⒄Z言切換、手機/PC切換,可方便用戶快捷到達某個頁面。 | |
按鈕 | 按鈕控件可設置跳轉(zhuǎn)鏈接,一般點擊按鈕狀控件,可跳轉(zhuǎn)至目標位置或頁面。 | |
音樂 | 音樂控件可作為網(wǎng)站的背景音樂。 | |
阿里云視頻 | 視頻控件可描述內(nèi)容。 | |
地圖 | 地圖控件可定位位置。 | |
電商會員類控件(登錄、注冊、登錄狀態(tài)、購物車、收藏夾) | 電商會員類控件包括與購物相關的控件,如會員類:登錄注冊、我的(確認用戶唯一身份,提供相關會員服務);電商類:購物車、收藏。 | |
代碼嵌入類控件(Html/Css/Js、愛番番、CNZZ、第三方視頻) | 代碼嵌入類控件主要包括Html/Css/Js、愛番番、CNZZ、第三方視頻控件,將代碼粘貼進數(shù)據(jù)一欄的輸入框即可生效。 | |
留言評論 | 留言、評論可收集用戶信息。 | |
分享 | 可將網(wǎng)站分享到各個平臺。 | |
分類控件 | 可分類展示文章/產(chǎn)品。 | |
搜索控件 | 可搜索網(wǎng)站內(nèi)的文章/產(chǎn)品。 | |
結果頁相關控件(文章分類結果列表、文章分類面包屑、文章搜索結果列表、產(chǎn)品分類結果列表、) | 可展示分類/搜索的文章/產(chǎn)品標題結果。 | |
列表 | 可列表羅列文章/產(chǎn)品標題。 | |
詳情頁相關控件 | 包括設計文章/產(chǎn)品詳情頁的專屬樣式包括文章/產(chǎn)品基本信息類控件、文章/產(chǎn)品所在位置控件、文章/產(chǎn)品創(chuàng)建時間控件、文章/產(chǎn)品瀏覽量控件、收藏文章/產(chǎn)品控件、文章/產(chǎn)品切換控件、產(chǎn)品參數(shù)控件、相關產(chǎn)品控件。可展示產(chǎn)品具體內(nèi)容。 | |
彈出窗口 | 可在網(wǎng)站上彈出窗口,既可以展示信息(在彈窗控件內(nèi)添加文字等控件),也可以收集信息(在彈窗控件內(nèi)添加留言/表單控件)。 | |
表單相關控件 | 可在網(wǎng)站內(nèi)收集作品文件、用戶信息、問卷調(diào)查等。 | |
聯(lián)系浮窗 | 可放置您的聯(lián)系方式,便于用戶聯(lián)系您。 |