前端跨平台开发
文章平均质量分 89
前端布道人
骑行,拍娃,撸代码。前端老兵一枚
展开
-
浅谈如何封装iconfont的svg图标组件
步骤1:获取Iconfont图标访问。在我的项目中生成网络js文件新建svg.js,将代码复制到js当中在main.js中导入svg.js文件步骤2:创建Icon组件在uni-app项目中创建一个新的Vue单文件组件(SFC),例如命名为Icon.vue。原创 2024-04-28 00:00:00 · 562 阅读 · 0 评论 -
uni-app 如何使用svg
在uni-app中使用SVG(Scalable Vector Graphics)可以采用多种方式,以下是几种常见的方法和步骤,包括直接引用、转换为base64编码、作为组件使用等。下面分别举例说明:虽然uni-app本身可能不直接支持标签,但可以通过以下方式间接使用:a. 作为Image组件的源将SVG文件作为静态资源放入项目中,然后通过组件的属性引用。这种方法适用于静态SVG图像。示例:确保SVG文件(例如)已放置在项目的目录下。b. 作为Background Image如果需要将SVG作为背景图,可以原创 2024-04-27 00:00:00 · 7722 阅读 · 4 评论 -
uni-app 如何更换tabbar里面的图标
TOC。原创 2024-04-26 00:00:00 · 1868 阅读 · 0 评论 -
uni-app 如何在代码中使用定义的scss变量
1. 使用全局SCSS变量定义全局变量在uni-app项目中,通常有一个名为uni.scss的全局样式文件,用于存放项目级的SCSS变量、混合(mixins)、函数等。// 其他变量、混合、函数等...在组件或页面中使用全局变量在Vue单文件组件(SFC)的原创 2024-04-25 00:00:00 · 4365 阅读 · 0 评论 -
uni-app 如何使用iconfont中的图标
data() {return {icons: [],},},},原创 2024-04-24 00:00:00 · 1198 阅读 · 0 评论 -
uni-app 的 扩展组件(uni-ui) 与uView UI
TOC/TOC。原创 2024-04-23 02:45:00 · 1834 阅读 · 0 评论 -
微信小程序基础知识点
通过自定义事件的方式传递参数。在微信小程序中,可以使用事件传值的方式实现组件之间的数据传递。以下是一种常见的跟事件传值的方法:在触发事件的组件内,定义一个自定义事件,并通过方法触发该事件,同时传递需要传递的值。// 在触发事件的组件内// ...var value = '传递的值';// 需要传递的值})在接收事件的组件内,通过在模板中绑定该自定义事件,并定义一个事件处理函数来接收传递的值。// 在接收事件的组件内// ...methods: {// 接收传递的值// 处理接收到的值。原创 2023-09-01 01:00:00 · 113 阅读 · 0 评论 -
uni-app 自定义swiper组件
在 uni-app 中,可以通过修改页面的导航栏配置来实现自定义导航栏的效果。以下是实现自定义导航栏的一般步骤:在 uni-app 项目中找到需要自定义导航栏的页面,例如 。在该页面的 标签中,添加一个自定义的导航栏组件,例如 。在 标签中,定义 组件,并在其中添加必要的属性和方法。可以使用 和其他基本组件来构建导航栏的布局。在 或 生命周期钩子中,通过 方法设置导航栏的标题。您可以从页面数据或组件的属性中获取标题信息。如果需要隐藏系统原生导航栏,可以通过 方法进行隐藏。请注意,这可能会导致原创 2023-08-31 00:30:00 · 668 阅读 · 0 评论 -
uni-app 自定义导航栏
在 uni-app 中,可以通过修改页面的导航栏配置来实现自定义导航栏的效果。以下是实现自定义导航栏的一般步骤:在 uni-app 项目中找到需要自定义导航栏的页面,例如 。在该页面的 标签中,添加一个自定义的导航栏组件,例如 。在 标签中,定义 组件,并在其中添加必要的属性和方法。可以使用 和其他基本组件来构建导航栏的布局。在 或 生命周期钩子中,通过 方法设置导航栏的标题。您可以从页面数据或组件的属性中获取标题信息。如果需要隐藏系统原生导航栏,可以通过 方法进行隐藏。请注意,这可能会导致原创 2023-08-25 02:00:00 · 9230 阅读 · 0 评论 -
koa 使用 Mongoose 查询数据
TOC/TOC。原创 2023-08-16 07:00:00 · 488 阅读 · 0 评论 -
uni-app 封装api请求
处理请求和响应拦截:在请求发送前,可以对请求进行一些预处理,例如添加统一的请求头、身份验证等。配置基本信息:在封装模块中,设置 API 的基本信息,例如 API 的根地址、请求头等。例如,对于网络错误或服务器返回的错误信息,可以进行统一的处理,并根据需要进行提示或记录操作。这种方式的好处是,在项目中可以复用封装好的 API 请求逻辑,减少代码的冗余,并且使得 API 调用的代码更加清晰和易读。此外,对于底层的网络请求库,也可以根据需要进行切换和替换,而不需要修改大量的业务代码。等,用于发送不同类型的请求。原创 2023-08-09 03:30:00 · 1100 阅读 · 0 评论 -
uniapp 跨域配置代理
本文介绍vue3版本浏览器运行跨域配置代理设置,但是需要考虑别的端运行情况,。原创 2023-08-08 06:00:00 · 1931 阅读 · 0 评论 -
uni-app实现登录功能之一
在这些场景下,通常需要实现用户身份认证、安全性处理、用户信息管理等功能,以提供良好的用户体验和数据安全。会话保持:在用户已经登录的情况下,当用户关闭应用程序并重新打开时,可以自动使用之前保存的用户信息进行登录,无需再次输入用户名和密码。单点登录(SSO):在一个生态系统中,用户可以通过一次登录获得对多个关联应用程序的访问权限,而无需为每个应用程序单独进行登录。社交登录:允许用户使用社交媒体账号(如Facebook、Twitter等)进行登录,提高用户的便捷性和流畅度。的跨平台的网络请求API。原创 2023-08-05 00:30:00 · 3513 阅读 · 0 评论 -
uni-app如何使用pinia
原创 2023-08-04 00:30:00 · 1322 阅读 · 0 评论 -
uni-app如何使用vue3语法糖
鼠标邮件点击需要创建组件的文件夹,即可出现如下界面"填写模板信息。原创 2023-08-03 05:45:00 · 3663 阅读 · 0 评论 -
uni-app如何使用vue语法
TOC/TOC更多详细内容,请前端爱好者。原创 2023-08-02 02:00:00 · 372 阅读 · 0 评论 -
uni-app简单页面操作-创建与跳转
TOC/TOC更多详细内容,请前端爱好者。原创 2023-07-31 02:45:00 · 754 阅读 · 0 评论 -
通过可视化界面HBuilderX操作uni-app项目
由于使用文档太过详细繁杂,对于初次接触uniapp的同学可能有点不知所措。原创 2023-07-29 00:30:00 · 2669 阅读 · 0 评论