小程序动态修改page的背景颜色

wxml: 把所有的页面内容用一个class为page的view标签包裹起来

  <view class="page" style="background-color:{{bgColor}}">

    ...

  </view>

wxss:

  .page {

    display: block;

    min-height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

  }

Js:  在其他方法里面改变bgColor的值就可以了

  Page({

    data: {

      bgColor:  ‘ ‘

    }

  })

原文地址:https://www.cnblogs.com/chensiyan/p/10237800.html

时间: 2024-07-29 23:06:54

小程序动态修改page的背景颜色的相关文章

微信小程序——动态修改页面数据及参数传递

动态修改页面数据 在小程序中我们经常要动态渲染数据,对于新手而言我们常常遇到修改的数据在控制台显示和页面显示不一致,因为我们用“=”修改数据的,这种是可以修改,但无法改变页面的状态的,还会造成数据不一致,代码如下: data: { array: [{ text: '数组' }] } onLoad:function(){ this.data.array[0].text=1; console.log(this.data.array[0].text); } 修改代码: onLoad:function(

微信小程序动态修改页面标题setNavigationBarTitle

1.可以在对应的json文件里面写: { "navigationBarTitleText": "你好" } 但是这个问题有bug,在点击切换的时候,立马更改了title,但是也没还在先前的页面 优化: 在 onReady: function () { wx.setNavigationBarTitle({ title: '图像描述' //页面切换,更换页面标题 }) } 原文地址:https://www.cnblogs.com/yuan-luo/p/9101737.h

微信小程序动态生成保存二维码

起源:最近小程序需要涉及到一些推广方面的功能,所以要写一个动态生成二维码用户进行下载分享,写完之后受益良多,特此来分享一下: 一.微信小程序动态生成保存二维码 wxml: <canvas style="width: 350rpx;height: 350rpx;background:#f1f1f1;" canvas-id="mycanvas"/> js: // pages/qrcode/qrcode.js var QR = require("..

初识安卓小程序(点击按钮切换屏幕颜色)

如图,点击按钮就会切换屏幕的颜色 首先,先创建一个安卓项目(我的版本是4.4.2的),名字为"world",当然,也可以别的名称 然后在res文件夹下找到layout文件夹,找到activity_main.xml或fragment_main.xml,在里面输入或拖拽按钮 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="htt

ios修改NavigationController的背景颜色

在ios开发的过程中,我们经常需要修改NavigationController的背景颜色,当使用方法[self.navigationController.navigationBar setBackgroundColor:[UIColor redColor]]时,运行的结果并不能修改北京颜色: 现在提供一种新方法来解决这个问题: 写一个NavigationBar写一个类别: @interface UINavigationBar (BackgroundColor) //设置navigationBar

支付宝小程序开发——修改小程序原生radio默认样式

如下,要做这样的单选按钮,小程序原生的单选按钮使用起来还算是比较方便的,所以选择直接进行样式改造了: 对于微信小程序来说,单选按钮实质上是一个有自己内部结构的组件,内部有自己的元素结构,所以在重定义样式的时候,需要用到组件你内部的元素类名来定义,详见:微信小程序开发——修改小程序原生checkbox.radio默认样式. 不同于微信小程序,支付宝小程序的大部分组件及样式跟Html都比较接近的.对于单选按钮,则与html标签类似,可以采用同样的方法进行样式修改.具体如下: /* 单选按钮样式*/

VC OnCtlColor函数来修改控件背景颜色

CWnd::OnCtlColor afx_msg HBRUSH OnCtlColor( CDC* pDC, CWnd* pWnd, UINT nCtlColor ); 返回值:OnCtlColor必须返回一个刷子句柄,该刷子将被用于画出控件的背景. 参数: pDC 包含了子窗口的显示设备环境的指针.可能是临时的. PWnd 包含了要求颜色的控件的指针.可能是临时的. NCtlColor 包含了下列值,指定了控件的类型: · CTLCOLOR_BTN 按钮控件 · CTLCOLOR_DLG 对话框

【BIRT】修改BIRT的背景颜色

修改BIRT报表的背景颜色都在这里了 在BIRT的webcontent/birt/styles/目录下有如下文件列表: dialogbase.css文件修改 dialogbase_rtl.css文件修改   style.css文件修改 修改一: 修改二: 以上是根据自我需求修改,如果需要修改其他颜色,或特定位置颜色,参看css文件具体定制即可. 原文地址:https://www.cnblogs.com/OliverQin/p/9597543.html

解决小程序报错 Page &quot;pages/index/main&quot; has not been registered yet.

在小程序开发中,会频繁遇到  Page "pages/index/main" has not been registered yet.   这种报错,意思就说指定的页面没有注册,找不到.遇到这种问题很可能不是代码问题,解决起来也真的是浪费时间,下面我介绍两种方式. 方法一:从源头处解决 产生这种现象的原因就是我们在新添加某些页面的时候为了图省事.方便,直接到文件夹中复制.粘贴.改文件名.通过这种方式创建页面就有很大几率报错,所以从源头解决的话,就是按照下图所示在项目目录中新建文件夹.文