- 博客(17)
- 收藏
- 关注
RSS订阅原创 uniapp解决跨域问题保姆级教程!!
1.创建一个文件夹vue.config.js与App.vue同级。更改target,只需要协议,域名,端口。请求里的url删掉前面的协议,域名,端口。
2023-10-16 16:18:09
1731
1
原创 uniapp-取消滚动条
但两个都设置之后,我发现左右滑块的滚动条没了,上下的滚动条又有了。1. pages.json里设置。只设置第一个,上下的滚动条会没有。2.App.vue中设置。
2023-09-26 20:23:54
129
1
原创 uniapp小程序系列-10推荐店铺的滑块设计(上面大图下面滑块)
2.创建Shop.vue并在index.vue中三个地方引入,此外还要添加一个Card写"推荐店铺",如图。script里加shopList,记住[]不是{}再把shopList引入dataList。先在Commodity.vue中增添。4.现在要做的是把1换成每个单品。造成的原因是换行,为了不换行。删除Commodity中默认。3.Shop.vue的编辑。把大图包起来,可以没有白边。输入sc可以快捷加入如图。运行效果如图,可以滚动了。<script>中引入。再在Shop.vue中。
2023-09-26 20:08:22
89
1
原创 uniapp小程序系列-09首页一行三个商品开发
之前的一排三个,是在Commodity中编写了itemW,且在commodity-item中添加了:style="'width:'+itemW+';以上操作完成后的结果运行为一排两个(750/2),接下来要让它一排三个(750/3=250)如法炮制高度,bigH添加在Commodity.vue的<script>中。注意,components中记得加上Commodity。1.创Hot.vue文件,引入index.vue。再在Commodity.vue中绑定。再把bigH赋值传入Hot.vue中。
2023-09-26 14:02:30
137
1
原创 uniapp小程序系列-08首页多个小图标开发
多复制几个icons-item,我们一共有8个小icon。在icons.vue中写icons的样式,边写边调试。Icons记得大写,我这里忘了,你们要记得大写。index.vue中再创icons.vue。写Banner.vue的样式。创建Banner.vue。日常三引入icons。
2023-09-26 12:49:05
92
1
原创 uniapp系列-06简单的文字居中
这里需要把文字的引号''删掉,不然会显示到界面上。加个插槽,把view组件放进slot组件里。然后在Card.vue中编写函数接收。index.vue中引入,记得保存。index.vue中修改,传过去。增加多个文本,运用传参。新建目录及vue文件。
2023-09-23 22:42:54
623
1
原创 uniapp系列-05推荐页面样式开发
大图的背景颜色,在common.css全局配置中有设置。在该页面中写view组件,简单写内容,进行引入。2.放图片,在static的img文件夹下。在recommend.vue中开始写组件。1.创建recommend.vue页面。在index.vue中引入,三处地方。
2023-09-20 19:23:44
83
1
原创 uniapp系列-03顶部图标and文字开发
在"app-plus"中添加fontSrc的地址,即"./static/iconfont.ttf"需要注意的是,这个顶部导航只在app中有,小程序中是无法显示的,小程序的添加方法后续再说,埋坑。再添加"text",iconfont中拿这个代码。这个图标代码复制完后需要修改一下变为\u开头。在pages.json中的"style"下。1.更改顶部文字及背景颜色。我们需要修改为\ue622。2.左右两边的图标按钮。复制的代码原本为 。
2023-09-20 18:37:23
172
1
原创 uniapp系列-04swiper组件轮播图开发
且在每张图片前class命名为"swiper-img"来进行整个页面的大小调整。名称不能直接为Swiper.vue或者swiper.vue,会出问题。在IndexSwiper.vue中编辑轮播图的src地址。再在IndexSwiper进行大小调整,运行成功结果:会自动进行轮播,图片无压缩。把轮播图放在static中img目录下。IndexSwiper.vue完整代码。
2023-09-20 18:16:35
259
1
原创 uniapp系列-02底部导航开发
在static目录下新建tabbar文件夹,把图标资源放在这里,我的是标注1为原始图标,2为选中后图标。我的图标1是灰色,图标2是绿色,选中就会有一个变色的效果。在pages.json里对每个页面的图标进行配置地址。创建页面后自动在pages.json里有代码,如图。pages文件夹新建4个页面。运行,底部有导航页面即成功。
2023-09-20 16:22:12
95
1
原创 uniapp系列-01iconfont小图标的引入
该文件下载解压缩后找到iconfont.css文件,拉进uniapp中已经创建了的common文件夹。再在pages的index.vue中写一个view组件,把刚才记住的名称放在class=" "中。iconfont中把需要的图标点击购物车,新建项目,把所选图标拉进项目。在iconfont.css中选择你要的图标,记住名称。还有最后重要的一步,引入iconfont.css文件。实现iconfont的图标打包引入,效果如下图。iconfont.css的代码如下。在app.vue中写如下语句。
2023-09-20 15:45:06
144
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人