<noframes id="bhrfl"><address id="bhrfl"></address>

    <address id="bhrfl"></address>

    <noframes id="bhrfl"><address id="bhrfl"><th id="bhrfl"></th></address>

    <form id="bhrfl"><th id="bhrfl"><progress id="bhrfl"></progress></th></form>

    <em id="bhrfl"><span id="bhrfl"></span></em>

    全部
    常見問題
    產品動態
    精選推薦

    標準版/開源版 移動端自定義主題顏色添加教程

    管理 管理 編輯 刪除

         前端主題切換功能,用戶可以在后臺主題設置中自由選擇界面主題。這可以幫助不同用戶在適合自己視覺和習慣的環境下更好地使用我們的產品。

    好看的主題對產品的重要性不限于以下方面:

      1. 提高用戶體驗。優美簡潔的主題設計能給用戶帶來流暢舒適的使用感受,提升用戶粘性。
      2. 彰顯品牌格調。主題風格能反映出網站的品牌風格和格調,給用戶第一印象。
      3. 吸引新用戶。好主題設計能吸引更多新用戶好奇心觀看,增加網站曝光率。
      4. 幫助內容傳達。專業高質的主題設計能更好地展現網站信息和內容的價值,提升傳播效果。
      5. 增強用戶歸屬感。個性化的主題可供用戶選擇,滿足差異化需求,提高用戶粘性。
      6. 提升運營效率。優化過的主題加載更快,無障礙支持更廣泛,有助于網站流量轉化。
      7. 建立品牌形象。主題風格代表品牌風格,是網站最直接的品牌傳達載體之一。
      8. 幫助推廣。優秀主題設計可以吸引更多推廣渠道,如設計師交流、招聘網站等。
      9. 提升用戶活躍度。簡潔舒適的主題能提高用戶在網站停留時間和參與度。

         但是由于產品業務的不同,我們內置的主題色彩可能不能完全滿足所有用戶的需求,今天在這里給大家講解一下如何添加一套屬于自己的主題。

    1.后臺添加主題可選配置;

    0ca80202308281148211309.png

    所需要修改文件為:admin/src/pages/setting/themeStyle/index.vue

    bb03b202308281150037307.png

    添加自己需要的主題名稱以及對應的展示效果圖片;

    2:移動端顏色配置

    打開移動端在app.vue文件中,在如下位置添加自己的主題顏色的各項配置;

    ca616202308281152285877.png

    然后再下方colorChange的接口返回中對主題顏色進行設置生效即可;

    50915202308281154083840.png

    設置完成測試后,前后臺打包發布就可以看到自己心儀的主題啦~

    最后希望大家能夠設計出自己喜歡的主題搭配,如果您覺得您的搭配非常good,歡迎在回復中進行分享喔~

    請登錄后查看

    徐斗明 最后編輯于2023-09-11 16:16:41

    快捷回復
    回復
    回復
    回復({{post_count}}) {{!is_user ? '我的回復' :'全部回復'}}
    排序 默認正序 回復倒序 點贊倒序

    {{item.user_info.nickname ? item.user_info.nickname : item.user_name}} LV.{{ item.user_info.bbs_level }}

    作者 管理員 企業

    {{item.floor}}# 同步到gitee 已同步到gitee {{item.is_suggest == 1? '取消推薦': '推薦'}}
    {{item.is_suggest == 1? '取消推薦': '推薦'}}
    沙發 板凳 地板 {{item.floor}}#
    {{item.user_info.title || '暫無簡介'}}
    附件

    {{itemf.name}}

    {{item.created_at}}  {{item.ip_address}}
    打賞
    已打賞¥{{item.reward_price}}
    {{item.like_count}}
    {{item.showReply ? '取消回復' : '回復'}}
    刪除
    回復
    回復

    {{itemc.user_info.nickname}}

    {{itemc.user_name}}

    回復 {{itemc.comment_user_info.nickname}}

    附件

    {{itemf.name}}

    {{itemc.created_at}}
    打賞
    已打賞¥{{itemc.reward_price}}
    {{itemc.like_count}}
    {{itemc.showReply ? '取消回復' : '回復'}}
    刪除
    回復
    回復
    查看更多
    打賞
    已打賞¥{{reward_price}}
    3573
    {{like_count}}
    {{collect_count}}
    添加回復 ({{post_count}})

    相關推薦

    快速安全登錄

    使用微信掃碼登錄
    {{item.label}} 加精
    {{item.label}} {{item.label}} 板塊推薦 常見問題 產品動態 精選推薦 首頁頭條 首頁動態 首頁推薦
    取 消 確 定
    回復
    回復
    問題:
    問題自動獲取的帖子內容,不準確時需要手動修改. [獲取答案]
    答案:
    提交
    bug 需求 取 消 確 定
    打賞金額
    當前余額:¥{{rewardUserInfo.reward_price}}
    {{item.price}}元
    請輸入 0.1-{{reward_max_price}} 范圍內的數值
    打賞成功
    ¥{{price}}
    完成 確認打賞

    微信登錄/注冊

    切換手機號登錄

    {{ bind_phone ? '綁定手機' : '手機登錄'}}

    {{codeText}}
    切換微信登錄/注冊
    暫不綁定
    亚洲欧美字幕
    CRMEB客服

    CRMEB咨詢熱線 咨詢熱線

    400-8888-794

    微信掃碼咨詢

    CRMEB開源商城下載 源碼下載 CRMEB幫助文檔 幫助文檔
    返回頂部 返回頂部
    CRMEB客服