uniapp css空心字
时间: 2023-08-08 15:12:19 浏览: 240
uniapp基础开发类库,空的项目,包含一些请求方法,和一些基础快捷方法
在Uniapp中实现CSS空心字的效果,可以通过以下步骤来实现:
1. 在App.vue中引入公共CSS文件,可以使用@import语句将公共CSS文件引入到App.vue中。例如,可以在App.vue的<style>标签中添加以下代码:
```css
@import './common/font.css';
```
这样就可以在整个应用程序中使用公共CSS文件中定义的样式。
2. 在页面的CSS中使用空心字样式。可以在页面的CSS中使用font-family属性来设置字体样式,具体使用哪个字体样式取决于公共CSS文件中定义的字体。例如,可以在页面的CSS中添加以下代码:
```css
page {
font-family: '你font.css中的font-family名';
}
```
这样就可以将页面中的文字应用空心字样式。
综上所述,通过在App.vue中引入公共CSS文件,并在页面的CSS中使用font-family属性来设置空心字样式,就可以在Uniapp中实现CSS空心字效果。
#### 引用[.reference_title]
- *1* [uniapp使用艺术字](https://blog.csdn.net/qq_41009420/article/details/122563047)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [HQChart钉钉小程序教程1-创建K线图](https://blog.csdn.net/jones2000/article/details/125226287)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文