慕课网uni-app 快速入门，打造3端在线教育类app代码实现

enjoyhpr

于 2023-05-17 09:38:28 发布

阅读量284

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 uniapp 文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/enjoyhpr/article/details/130718725

1 篇文章

订阅专栏

1 篇文章

订阅专栏

在uni-app教程中，开发者遇到Vue语法的细节问题，如多余的分号导致错误，以及SCSS导入的误区。正确编写Vue的style属性以避免影响，同时指出了静态资源更新后需注意清除缓存以确保看到最新的更改。此外，文章还提醒开发者在遇到图标不显示时要考虑页面缓存的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uni-app 快速入门，打造3端在线教育类app

其中遇到的坑：

在vue中下意识的写多一个分号 ;

<view class="banner-bg" :style="{'backgroundImage': `linear-gradient(${bannerBackground || '#009B8C'} 50%, #FFF);`}"></view>

但是会有影响，严谨来写,要不然会出错的

<view class="banner-bg" :style="{'backgroundImage': `linear-gradient(${bannerBackground || '#009B8C'} 50%, #FFF)`}"></view>

关于 scss 引入问题

错误写法：

@import url("../../../uni.scss");

上面那种写法是 css 引入的写法，不是scss

正确写法

@import "../../../uni.scss";

静态资源更新的情况下，改动代码没反应应该想到是缓存的问题，按住shift + 刷新

例如：

更新了图标但是图标死活不出来，换成之前的已有的图标能显示，这个时候应该是要怀疑是否页面有缓存