优购 uniapp
文章平均质量分 84
优购 uniapp
喵喵酱仔__
这个作者很懒,什么都没留下…
展开
-
如何把uniapp项目运行在安卓手机上(保姆式教程)
如何把uniapp项目运行在安卓手机上(保姆式教程)_uniapp运行到手机_你知不知的博客-CSDN博客原创 2023-04-28 12:41:49 · 394 阅读 · 0 评论 -
导入小程序代码
找到“manifest.json”文件,将微信小程序AppID去掉或者改成自己的AppID就可以了。原创 2023-04-27 15:10:42 · 128 阅读 · 0 评论 -
02 uni-app
首页查询的数据中包含,所以数据从父组件home传给子组件 recommend推荐组件。后台一次返回三个类别的数据,需要我们进行筛选,我们点哪个,展示哪个类别的数据。2 添加文字两行超出省略不生效,因为 横向滚动添加了一个不换行,导致不生效。配置文件pages 里边第一个是home,所以展示的是home页面。其他组件样式都一样,作为一个组件,只是传不同的参数数据进行显示。1 小程序不能引入阿里图标的在线地址的,所以得先下载文档。只能启动一个 ,如果有其他项目,把其他关闭,在运行这个。原创 2023-04-18 18:12:24 · 38 阅读 · 0 评论 -
uni-app入门:HBuilderX安装与项目创建
uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处:模板丰富完善的智能提示一键运行当然,依然可以根据自己的喜好,选择使用 VS Code、Sublime、记事本… 等自己喜欢的编辑器!HBuilder下载:进入官方首页:HBuilderX 的官网,点击首页的 DOWNLOAD 进行下载,下载完成后解压自定义安装即可,操作很简单这里不再重述.原创 2023-04-18 12:57:34 · 1849 阅读 · 0 评论 -
11 发布
开发期间的小程序为了便于调试,含有 sourcemap 相关的文件,并且代码没有被压缩,因此体积较大,不适合直接当作线上版本进行发布。通过执行 “小程序发布”,能够优化小程序的体积,提高小程序的运行性能。上传完成之后,会出现如下的提示消息,直接点击。小程序只有发布之后,才能被用户搜索并使用。通过微信开发者工具上传的代码,默认处于。点击 HBuilderX 状态栏左侧的。发布编译完成之后,会自动打开一个新的。按钮,选择合适的图片之后,再点击。在弹出的登录对话框中,填写。在弹出框中填写要发布的。原创 2023-03-30 15:33:33 · 53 阅读 · 0 评论 -
10 用户与支付
点击微信开发者工具工具栏上的编译模式下拉菜单,选择添加编译模式。原创 2023-03-30 15:00:44 · 288 阅读 · 0 评论 -
09购物车页面
打开微信开发者工具,点击工具栏上的“编译模式”下拉菜单,选择“添加编译模式”:勾选“启动页面的路径”之后,点击“确定”按钮,新增购物车页面的编译模式:定义如下的 UI 结构: 美化样式: #9.1.2 渲染商品列表区域的基本结构 通过 辅助函数,将 Store 中的 数组映射到当前页面中使用: 在 UI 结构中,通过 指令循环渲染自定义的 组件: #9.1.3 为 my-goods 组件封装 radio 勾选状态 打开 组件的源代码,为商品的左侧图片原创 2023-03-29 17:23:40 · 42 阅读 · 0 评论 -
08 加入购物车
注意:今后无论映射 mutations 方法,还是 getters 属性,还是 state 中的数据,都需要指定模块的名称,才能进行映射。注意:除了要在 cart.vue 页面中设置购物车的数字徽标,还需要在其它 3 个 tabBar 页面中,为购物车设置数字徽标。需求描述:从商品详情页面导航到购物车页面之后,需要为 tabBar 中的购物车动态设置数字徽标。模块中,封装一个将商品信息加入购物车的 mutations 方法,命名为。,创建购物车的 store 模块,命名为。原创 2023-03-29 17:21:25 · 166 阅读 · 0 评论 -
07 商品详情
在微信开发者工具中,点击工具栏上的编译模式下拉菜单,选择。导致问题的原因:在商品详情数据请求回来之前,data 中。点击商品导航组件左侧的按钮,会触发。,因此初次渲染页面时,会导致。属性的值是否存在,从而使用。组件来实现商品导航区域的效果。基于 uni-ui 提供的。原创 2023-03-29 16:09:39 · 146 阅读 · 0 评论 -
06 商品列表
为了方便发起请求获取商品列表的数据,我们要根据接口的要求,事先定义一个请求参数对象data() {return {// 请求参数对象// 查询关键词query: '',// 商品分类Idcid: '',// 页码值// 每页显示多少条数据将页面跳转时携带的参数,转存到queryObj// 将页面参数转存到 this.queryObj 对象中为了方便开发商品分类页面,建议大家通过微信开发者工具,新建商品列表页面的编译模式在components目录上鼠标右键,选择新建组件将。原创 2023-03-29 15:25:26 · 148 阅读 · 0 评论 -
05搜索功能
搜索原创 2023-03-29 11:37:04 · 88 阅读 · 0 评论 -
04 分类页面
2 希望他占满整个高度 ,我们量出从头部到tabBar的距离 手动量取高度不合适,你换别的机型高度就不一样。每一个都有left-scroll-view-item,active是按需添加: 只有选的第几项,给第几项添加active。纵向的 只需要添加 scroll-y :style="{height: wh + 'px'}"窗口的可用高度 = 屏幕高度 - navigationBar高度 - tabBar 高度。为一级分类的 Item 项绑定点击事件处理函数。循环渲染结构时,为选中项动态添加。原创 2023-03-29 10:52:44 · 49 阅读 · 0 评论 -
03 首页
为此,我们在项目中,把 tabBar 相关的 4 个页面放到主包中,其它页面(例如:商品详情页、商品列表页)放到分包中。因此,建议在 uni-app 项目中使用。在 onLoad 生命周期函数中调用获取轮播图数据的方法。在 methods 中定义获取轮播图数据的方法。此时,可以在全局封装一个。在项目根目录中,创建分包的根目录,命名为。在 methods 中定义获取数据的方法。在 methods 中定义获取数据的方法。今后,在需要提示消息的时候,直接调用。在 onLoad 中调用获取数据的方法。原创 2023-03-28 20:44:47 · 303 阅读 · 0 评论 -
02 tabBar
目录中,创建首页(home)、分类(cate)、购物车(cart)、我的(my) 这 4 个 tabBar 页面。为了防止小程序运行失败,在微信开发者工具中,手动删除。注意tabBar前边不用有页面,将index 删除。拷贝一份,替换掉项目根目录中的。在 HBuilderX 中,把。之后,点击创建按钮。目录上鼠标右键,选择。在弹出的窗口中,填写。static 文件夹。index首页文件夹。原创 2023-03-28 17:07:43 · 59 阅读 · 0 评论 -
01 初始化项目
开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。访问 HBuilderX 的官网首页 https://www.dcloud.io/hbuilderx.html。当然,你依然可以根据自己的喜好,选择使用 VS Code、Sublime、记事本... 等自己喜欢的编辑器!详细的 uni-app 官方文档,请翻阅 https://uniapp.dcloud.net.cn/进入插件下载页面之后,点击右上角的。原创 2023-03-28 15:31:34 · 144 阅读 · 0 评论