![](https://img-blog.csdnimg.cn/20201108144044140.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
uni-app
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
偶尔躲躲乌云_0
精通电脑开关机和刷新,文件的复制删除重命名和新建,对于网上冲浪有着10多年的经验。
展开
-
uni-app之uni-ui
uni-uiuni-uiuni ui支持HBuilderX直接新建项目模板、npm安装和单独导入个别组件等多种使用方式。1.使用方法1.单独导入个别组件进入到单个组件的页面,然后直接选择使用HBuilderX导入插件即可,如果导入不成功那么下载插件zip安装包解压后放到项目目录下即可。2.npm安装npm安装3.新建项目模板新建一个uni-app项目然后选择uni-ui模板即可:选择uni-ui模板即可:...原创 2020-11-08 14:52:00 · 562 阅读 · 0 评论 -
uni-app详情页开发
uni-app详情页开发1.跳转详情页1.声明式导航<view class="prolist"> <navigator :url="'/pages/detail/detail?proid='+item.proid" class="proitem" v-for="(item,index) of prolist" :key="index"> <view class="itemimg"> <image :src="item.proimg" mode=""原创 2020-11-08 14:50:54 · 2954 阅读 · 0 评论 -
uni-app首页开发以及组件
uni-app首页开发以及组件uni-app中的基本组件和微信小程序中的差不多。更适合在手机端的开发。1.自定义组件prolist在pages的同级目录下新建一个文件夹components,然后在里面新建一个prolist的文件夹,里面新建prolist.vue,在prolist.vue中写上自定义内容可以在home.vue中直接引用,不需要导入操作(详见easycom)。如下图:如果还有其他自定义组件,就按照格式在components文件夹下先新建一个组件名的文件夹然后在写vue文件。2.原创 2020-11-08 14:49:39 · 840 阅读 · 0 评论 -
uni-app购物车页面开发
uni-app购物车页面开发1.加入购物车功能detail.vue:<template> <view> <view> <image :src="proimg" mode=""></image> <view>产品名称: {{proname}} </view> <view>价格: {{price}} RMB</view> <view>产品详情: {{desc原创 2020-11-08 14:46:48 · 1926 阅读 · 0 评论 -
uni-app个人中心页开发
``uni-app```个人中心页开发1.拍照,选择图片user.vue:<template> <view> <view class="takephoto" @click="takephoto">拍照</view> <image v-for="(item,index) of imglist" :src="item" :key="index"></image> </view></template>原创 2020-11-08 14:46:06 · 4885 阅读 · 0 评论 -
uni-app
uni-app1.创建并运行项目在HBuilderX的工具栏中选择运行即可运行到多端,在运行到微信小程序时要配置微信开发者工具的路径,注意不要选择程序文件exe的路径,要选择上一级文件夹的路径。另外,微信开发者工具要在设置–安全设置–打开服务端口,这样HBuilderX才能启动它。如下图:另外,在运行到微信小程序时,会将HBuilderX中的代码文件生成对应 的小程序文件,但是对于.vue文件来说,如果<style></style>中没有内容的话,那么对应的微信小程序中的w原创 2020-11-08 14:45:07 · 199 阅读 · 0 评论