摘要：
一、【首页】swiper部分 1.1 完成效果图： 1.2 新建IndexSwiper.vue文件，目录结构如图 1.3 新建IndexSwiper.vue代码如下： <template> <swiper :indicator-dots="true" :autoplay="true" :interv 阅读全文
posted @ 2023-01-08 20:28
沈妙
阅读(41)
评论(0)
推荐(0)
摘要：
三、【首页】顶部开发 1.1 完成效果图 1.2 首页顶部需要在pages.json中配置，代码如下： 框选中的部分为矢量中unicode代码将&#x改为\u { "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocat 阅读全文
posted @ 2023-01-08 19:03
沈妙
阅读(40)
评论(0)
推荐(0)
摘要：
二、【底部】导航开发 1.1完成效果图： 1.2 在项目目录中pages.json中进行配置，代码如下： { "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/ 阅读全文
posted @ 2023-01-08 17:06
沈妙
阅读(67)
评论(0)
推荐(0)
摘要：
一、创建项目和引入文件 1.1 通过hbuilderx编辑器创建一个默认的uni-app项目 1.2 创建目录结构 1.2.1 在common目录中创建文件：common.css 注：common.css为全局css样式文件，其内容目前有： 1.2.2 在common目录中创建文件：uni.css。 阅读全文
posted @ 2023-01-08 16:53
沈妙
阅读(67)
评论(0)
推荐(0)
摘要：
tabbar图标： 首页、分类、购物车、我的 >选中/未选中 应用方法：1.在static文件下创建tabbar 2.在矢量图标库中找到自己需要的tabbar图标，下载-->PNG下载 3.将下载的tabbar图标放在项目的static文件夹中，并进行重命名 4.在页面下创建对应的页面 5.在pag 阅读全文
posted @ 2023-01-08 12:55
沈妙
阅读(125)
评论(0)
推荐(0)
摘要：
字体图标引入： 放大镜、消息、垃圾桶、上箭头、下箭头、购物车 引入方法：1.再矢量图标库中把需要的图标添加至一个项目中，然后把项目下载到本地 2.将 解压到 3.引入 iconfont 文件报错文件查找失败：‘./iconfont.woff?t=1673007495384‘ at App.vue:6 阅读全文
posted @ 2023-01-08 12:33
沈妙
阅读(38)
评论(0)
推荐(0)
浙公网安备 33010602011771号