ionic增加颜色

news/2024/7/19 14:27:28 标签: javascript, js, css

虽然是简单的颜色定义,官网上的文档给的清清楚楚,但自己也是鼓捣了好久,稍作记录,
先上图:

  • 结果
    在这里插入图片描述
  • html
    在这里插入图片描述
    方式:
  • 进官网(Color Generator )查找我们要添加的颜色的码,也可以使用截图工具Snipaste得到,官网如下图
    在这里插入图片描述
  • 得到之后点击官网相应页面进行生成(点我生成)拉到页面最下方可以看到如下:
    在这里插入图片描述
    如下:
    在这里插入图片描述
    然后使用
<ion-button color="new">new</ion-button>

结果:
在这里插入图片描述
当然我们也可以像下面这样做:
在这里插入图片描述
不足之处还请各位小伙伴补充指教


http://www.niftyadmin.cn/n/956904.html

相关文章

v-model.number,限制用户输入的只能是数字

<input v-model.number"firstNumber" type"number" step"20" /> -<input v-model.number"secondNumber" type"number" step"20" /> {{ result }}

ionic 使用ViewChild报错

今天在使用ViewChild的时候出现报错,提示如下 网上查找原因说是angular8之后使用ViewChild需要两个参数,所以首先查看自己的angular版本 ng version查看结果如下: 更改: ViewChild(slide1,{static:true}) slide1:any;原因: static - 是否在更改检测运行之前解析查询结果(即只…

npm下载命令及地址

转载于https://www.cnblogs.com/shangjun6/p/11429687.html

智能机器人的初步探索

公司做的是教育行业的业务,我自从去年11月入职以来做了些智能机器人相关的业务。常见的像高票回答的网易七鱼&#xff0c;智齿&#xff0c;阿里云的云小蜜&#xff0c;华为云&#xff08;具体服务的名字忘了&#xff09;&#xff0c;腾讯企点&#xff0c;环信通信等。小白一个&…

阿里云小蜜官网SDK直接运行没有问题,Tomcat中调用出错

问题: 在测试阿里云的云小蜜功能,官网给出的SDK是个main,直接运行的时候没有报错,但是将这个main改成一个可供调用的方法,在maven项目中调用的时候这个方法就开始报错 一开始以为是Tomcat和main方法运行存在相应区别导致的,不知道如何解决, 报错位置如下: 后来发现使用main加…

单文件组件与html的等价与转换

html <script src"https://unpkg.com/vuenext"></script> <script> const state Vue.reactive({count: 0}) </script>单文件组件 import { reactive } from Vueconst state reactive({count: 0}) //没有export default //也没有script 、…

Error during WebSocket handshake

情景 开发公司的websocket会话,本地tomcat8.5跑的没有问题,但是经理部署的时候用的是tomcat7。于是悲剧就发生了,显示连接已经建立了,但是就是握手失败。 我再本地用tomcat7跑&#xff0c;浏览器提示报错如下: WebSocket connection to ‘ws://IP:port/socketChatServer/ws’…

angular+ionic 单选框的实现

需求: 从后端传来List<Map<String,Object>>集合&#xff0c;需要遍历展示在界面上&#xff0c;要求如果zt为0表示没有评价&#xff0c;单选框可以操作&#xff1b;如果zt为 1表示已经评价&#xff0c;需要将选定结果展示出来&#xff0c;不能进行更改 结构如下: /…