记录uniapp切换主题色能在抖音小程序上无效问题

这篇具有很好参考价值的文章主要介绍了记录uniapp切换主题色能在抖音小程序上无效问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

东西很简单,就是一个data-theme="light"这种,就可以换不同的主题色

但是运行到抖音小程序无效,但是改成 class=“theme-light” 就可以,但是仅限于页面层级的,组件的也不行

不知道现在怎么回事,也不知道该咋改了
css

$themes: (
  light: (
    // 主题色 不会变化
    mian-color: #f6f6f6,
    mian-color-dk: #9c7a4b,
    mian-color-light: #e8dfcc,

    // 主色辅助色 不会变化
    sub-color-dk: #c4a97d,
    sub-color-light: #f8edc7,

    // 配色
    color-red: #930000,
    color-gray: #999999,
    color-dark: #222222,
    color-white: #f3f3f3,

    // 文字颜色
    text-color: #9c7a4b,
    text-color-dk: #9c7a4b,
    text-color-red: #e66262,
    text-color-dark: #222222,
    text-color-white: #f3f3f3,
    text-color-light: #f8edc7,
    text-color-gray: #999999,

    // bg
    bg-color: #f6f6f6,
    bg-color-shade: rgba(#222222, 0.7),
    bg-color-shade-light: rgba(#f3f3f3, 1),
    bg-color-white: #ffffff,
    bg-color-dark: #222222,
    bg-color-dk: #9c7a4b,
    bg-color-gray: rgb(218, 218, 218),
    // 边框颜色
    border-color: #9c7a4b,
    border-color-dk: #9c7a4b,
    border-color-none: rgba(#fff, 0),
    // img
    img-bg: #444,
    img-bg-light: #f3f3f3,
    img-bg-dk: #999,

    // 按钮
    btn-primary-color: #1b170d,
    btn-primary-color-hover: #1b170d,

    btn-primary-border: #bba27a,
    btn-primary-border-hover: #bba27a,

    btn-primary-background: linear-gradient(20deg, #bba27a, #a98f63),
    btn-primary-background-hover: linear-gradient(20deg, #aa8954, #a8874e),
    btn-green-color: #7b9c4b,

    // btn-success-color: linear-gradient(20deg, #C17452, #AB5F36),
    // btn-warning-color: linear-gradient(20deg, #BBA27A, #A98F63),
    // btn-info-color: linear-gradient(20deg, #BBA27A, #A98F63),
    // btn-shadow: 0px 15px 16px 0px rgba(121, 115, 95, 0.26),
    // $--color-success: #67c23a !default;
    // $--color-warning: #e6a23c !default;
    // $--color-danger: #f56c6c !default;
    // $--color-info: #909399 !default;,,
  ),//声明一个根据Key获取颜色的function
@function themed($key) {
    @return map-get($theme-map, $key);
}

//获取背景颜色
@mixin background_color($color) {
    @include themeify {
        background-color: themed($color) !important;
    }
}

html文章来源地址https://www.toymoban.com/news/detail-707000.html

data-theme="light" class="theme-light"

到了这里,关于记录uniapp切换主题色能在抖音小程序上无效问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp切换主题颜色(后台管理系统)

    需求:在现有已经做好的后台管理系统添加一个切换主题颜色的功能 分析:该项目用了很多uniapp的组件,css样式没有统一,类名也没有统一 使用混合mixin.scss,并使用vuex 效果图 功能:按钮背景颜色、部分样式、字体图标、分页跟随主题颜色变化也变化 每一个用户喜欢的主题

    2024年02月10日
    浏览(45)
  • 在抖音直播间,项目被资本割韭菜

    VC们也开始直播了。 想象中高高在上、西装革履的投资人对着镜头吆喝项目直投与连麦加群,颇有些魔幻现实的影子。但如果有心,在抖音上,时常可以发现诸如创投机构、XX投资人的直播,其中不乏已然有知名度的部分主体,这一趋势,在今年正在迅速蔓延。 论及缘由,在

    2024年02月16日
    浏览(47)
  • uniapp主题切换功能的方式终结篇(全平台兼容)

    前面我已经给大家介绍了两种主题切换的方式,每种方式各有自己的优势与缺点,例如“scss变量+vuex”方式兼容好但不好维护与扩展,“scss变量+require”方式好维护但兼容不好,还不清楚的可点下面链接直达了解一下 uniapp主题切换功能的第一种实现方式(scss变量+vuex) unia

    2024年02月08日
    浏览(38)
  • uniapp 开发之仿抖音,上下滑动切换视频、点击小爱心效果

    效果图:   功能描述: 上下滑动视频,双击暂停,然后第一个视频再往上滑显示”已经滑到顶了“ 开始代码: 首先视频接口使用的公开的视频测试接口 开放API-2.0  官网展示                      Swagger UI  接口文档 一开始编写如下:  注解: autoplay=\\\"true\\\" :设置视频在

    2024年02月09日
    浏览(104)
  • 了解抖音小程序的评级。为什么我的抖音小程序申请不了某个功能?

    小程序评级体系是衡量小程序整体质量的参照,也是小程序获取对应权益的指南,旨在推动、鼓励开发者提升小程序服务能力和水平,提高行业竞争力,进而获得更加高效的流量入口、取得更好的留存效果、实现更高的变现效率。 评级结果 = 内容丰富度 + 功能完备性 + 使用体

    2024年02月14日
    浏览(58)
  • 在抖音中使用语聚AI,实现自动回复用户视频评论、私信问答

    您可以通过集简云数据流程,将语聚AI助手集成到抖音视频评论、抖音私信,实现自动回复用户视频评论、私信问答,大大提升账号互动与运营效率。 ● 抖音普通号评论对接语聚AI(点击可一键使用) ● 抖音企业号私信对接语聚AI(点击可一键使用) 以抖音企业号私信接入

    2024年02月10日
    浏览(68)
  • uniapp主题切换功能的第二种实现方式(scss变量+require)

    在上一篇 “uniapp主题切换功能的第一种实现方式(scss变量+vuex)” 中介绍了第一种如何切换主题,但我们总结出一些不好的地方,例如扩展性不强,维护起来也困难等等,那么接下我再给大家介绍另外一种切换主题的方法“scss变量+require”的方式 在介绍如何使用前,先看下

    2024年02月08日
    浏览(50)
  • uniapp主题切换功能的第一种实现方式(scss变量+vuex)

    随着用户端体验的不断提升,很多应用在上线的时候都要求做不同的主题,最基本的就是白天与夜间主题。 就像b站app主题切换,像这样的 uniapp因为能轻松实现多端发布而得到很多开发者的青睐,但每个端的实现也有可能不同,现我把已实现的功能一点点的大家分享给大家,

    2024年02月08日
    浏览(50)
  • 用AI在抖音直播做姓氏头像的全新玩法,详细分析制作教程

    前段时间在圈子里给大家分享了用AI写艺术字做小红书账号案例玩法,同学们都比较热衷学习。纷纷动手实践。 事实上用AI艺术字变现玩法还有许多。 例如上周末在星球给圈友们分享的一个AI艺术字直播的抖音账号,直播内容形式很简单,就是展现用AI生成的百家姓氏,然后引

    2024年02月05日
    浏览(46)
  • 抖音小程序创建广告位

    抖音开放平台-流量主行为规范 这个是抖音文档,但是妮妮手把手教你写代码~ 必须满足开通条件才能开通广告位!!! 满足条件之后,点击 开通按钮 ,填写 绑定账户 和 广告位类型,你就拥有广告ID啦,恭喜恭喜~ 激励视频 妮妮这次主要写的是抖音开放平台-tt.createRewarde

    2024年02月13日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包