当前位置:网站首页>Some things encountered in ionic
Some things encountered in ionic
2022-07-28 17:36:00 【yoki 】
1.ionic in popover stay android The style on the is ugly ,ios The style on the is much more beautiful , I don't know why they don't use the same style , Anyway android The style on it is so ugly that his mother doesn't know it . Want to achieve and ios The same effect can be set like this .

If not, change it directly ionic Of css file , Will find popover css The position of the style , find .platform-ios .popover At the beginning css Copy all styles and overwrite them with .platform-android .popover The beginning of the file and will copy part of .platform-ios Replace with platform-android( Note that only part of the will be copied .platform-ios Switch to .platform-android, Don't change them all , Otherwise ios There is no style on it )

2.ionic in Action Sheet stay android The style in is also very strange , First, the text in the button is displayed on the left , Secondly, the Cancel button will not be displayed , And there is no dividing line between the buttons , Anyway, it's ugly , Anyone who looks at it will throw up .

The solution can be directly in buttons Medium text The Chinese writing style is as follows
$scope.show = function() { // Show the action sheet var hideSheet = $ionicActionSheet.show({ buttons: [ { text: '<div align="center"><i style="color: red" ></i> Delete </div>' }, { text: '<div align="center" ><i style="color: #4b8bf4" ></i> Cancel </div>' } ], buttonClicked: function(index) { if(index==0){ deleteObj(); } if(index==1){ hideSheet(); } return true; } }); // For example's sake, hide the sheet after two seconds $timeout(function() { hideSheet(); }, 50000); function deleteObj(){ } };The effect is as follows

But the style is still disrespectful . Now we have to fight hard , That's the point ionic Of css style . open ionic Of css File found below related css. You're welcome , Check these css Style then Ctrl+shift+?( Direct comments )


边栏推荐
- Verilog 每日一题(VL26 简易秒表)
- Selection and application of inductors in high speed circuits
- 【impala】【报错解决】 Impala cannot read or execute the parent directory of dfs.domain.socket.path的解决方法
- MySQL implements sorting according to custom (specified order)
- 【kibana】问题整理 kibana 7.x No indices match pattern “apm-*“
- The practice of the beego framework for goweb development: Section V project construction and user registration
- Use Alibaba cloud's free SSL certificate
- Awk of shell script
- 产品研发中第三方技术服务的管理
- 2021 年全国大学生数据统计与分析竞赛
猜你喜欢

Verilog 每日一题 (VL27 可置位计数器)

Master JVM interview topics and answers offer get soft (with learning roadmap)

谈谈你知道的发布上线(一)

【kibana】问题整理 kibana 7.x No indices match pattern “apm-*“

Verilog daily question (vl6 data series to parallel circuit)
![[kibana] problem sorting kibana 7.x no indices match pattern](/img/36/0f85dbe7eea49db8f845a4a4f302cf.png)
[kibana] problem sorting kibana 7.x no indices match pattern "APM-*“

Verilog daily question (vl26 simple stopwatch)

Random talk on test platform - platform construction ideas (Part 1)

QR code generation of wechat applet with parameters
![[impala] [error reporting solution] impala cannot read or execute the parent directory of dfs.domain.socket.path](/img/8f/eb83ff3d5364a704957bc3217ccc2e.png)
[impala] [error reporting solution] impala cannot read or execute the parent directory of dfs.domain.socket.path
随机推荐
【presto】presto 常用的命令
Azure Devops developed by visual studio 2015 team
Can you read the story?
C # basic interview questions (with answers)
Verilog daily question (vl4 shift operation and multiplication)
Use Alibaba cloud's free SSL certificate
从非儿童网站看基线安全到底有多重要
关于标准IO缓冲区的问题
mysql实现按照自定义(指定顺序)排序
Verilog 每日一题(VL2 异步复位的串联T触发器--牛客网)
[CDH] configure CDH components through clouderamanager and collect JMX information with Prometheus monitoring
ng-repeat在迭代最后一个元素时执行一个方法
Verilog daily question (simple implementation of VL30 RAM)
简单易用的APP专项测试工具iTest4.7.0发布啦
C language to achieve minesweeping games
C语言实现扫雷小游戏
Export word according to the template, generate compound format tables and variable column tables
高速电路设计实践——概述
Verilog daily question (VL2 asynchronous reset Series T trigger - Niuke network)
MySQL download update