uniapp基础-教程之HBuilderX基础常识篇03

该内容为了大家更好的理解,将每个页面进行分离,单独创建项目,如在index中之写只写了一个搜索框,将其他页面分别放在HBuilderX目录中的components中,没有的可自行创建。

然后在components中创建轮播图新建一个swiper.vue文件

uniapp基础-教程之HBuilderX基础常识篇03_第1张图片

然后根据自己学习到的内容将轮播图写入在swiper.vue文件中

引入组件,在pages-index下的index文件中引入写好的swiper.vue轮播图、并在前端显示。

注意:vu2中需要注册,vu3则不需要

你也可以根据自己的喜欢,你也可使用@符号

引入完成后将轮播图显示在前端

 引入完成后,可在swiper.vue文件中写入逻辑


                    
                    

你可能感兴趣的:(uniapp,uni-app)