- 博客(7)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 React编写组件的局部样式
最近总算脱离angular了！！！（太折磨了），仅接着就跳到了react,我就想简单的写个vue怎么就这么难啊！！！然后在写react页面过程中发现，想要实现局部样式不是跟vue 一样的在style中使用一个scoped关键字就可以。 那么想要在React中怎么实现局部样式呢?(注:这种方法必须使用类选择器) 首先，将css文件命名为xxx.module.css。 然后，我们之前导入css都是用import'./xxx.css'，现在需要改成importstyles(命名随意)fr...
2022-04-21 11:18:01
1279
原创 文字和图标不在同一行显示
需求：文字与图标需在同一行。解决方法：在图标所在css中加入vertical-align:middle;加入此代码前：加入后：解决！！！
2021-08-17 19:35:31
903
原创 ionic5+angular12 之 ion-segment更改点击时的背景颜色以及字体颜色
要求：更改segment初始样式初始样式如图：要求效果图如图：话不多说上代码ion-segment-button{--background-checked:#03A9F4;--border-color:#3880ff;--border-radius:2px;--border-style:solid1px#03A9F4;//--border-width:1px;--color:#3880ff;...
2021-07-20 17:55:33
496
原创 Angular12 +Ionic5 不同移动端样式不同的问题
问题描述：（android）:(ios):同样的组件手机不同效果不同。不是bug!!!不是bug!!!不是bug!!!(我以为是bug,试了好多方法都没解决，后来仔细看文档才发现~~)它是ionic组件的一个自适应移动端样式（项目启动时组件会检测启动的手机来进行样式自适应），这个自适应样式可以更改。更改方法是在对应组件的标签中写入mode ="ios"或者mode ="android"。android可以改成iOS样式，同理ios也可以更改为Android样式。.
2021-07-19 15:56:07
287
1
原创 ionic5+angular12 项目ion-popover组件中小箭头颜色无法更改
问题描述：使用ionic组件中的ion-popover，更改其背景颜色时发现小箭头颜色不随之更改（如图所示）解决方法1，尝试过选中检查页面当前元素来修改它，无效果。提高其优先度也无法使其样式更改。2，尝试通过深度选择器也无法修改。最终方案1：找到源代码更改其属性来修改找到theme下的global.scss文件，在其中添加如下代码（代码样式依据自身设计稿修改）ion-popover{.popover-content{width:220px!i...
2021-07-19 15:32:24
288
1
原创 Angular12 +Ionic5 之ion-check复选框的多选与反选
一：需求：复选框的单选全选以及反选。话不多说，直接上代码。html部分：<divstyle="flex:1"><ion-item><divclass="fl"><buttonclass="sort"><ion-iconname="arrow-down-outline"(click)="Sort()"></ion-icon></button>分类&l...
2021-06-09 11:07:33
567
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人