![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
接口写好了吗
愿天下没有看不懂的技术贴
展开
-
【影院选座功能模板】vue实现选座功能,点击切换图片,获取座位信息
电影院选座功能,美团选座功能,最近突然看到这个功能了,就想着研究一下如何写,然后在网上看了一些帖子,总结了一下,这里套用了一个别人的数据结构,这个感觉毕竟好用。然后写一个简单的模板放在这,以后可能会再这个基础上修改或者新增功能。......原创 2022-08-04 10:36:14 · 7673 阅读 · 2 评论 -
【移动端聊天功能模板】Vue实现H5聊天系统,实现上下固定中间滚动布局,微信授权功能,自动滚动到底部【详细注释,一看就会】
vue-vant实现仿微信聊天界面,上下固定中间滚动自适应高度。移动端聊天功能,H5聊天功能实现。原创 2022-08-03 14:30:54 · 8604 阅读 · 14 评论 -
【微信小程序更改appid失败】微信小程序修改appid一直失败报错tourist appid解决办法
我用HbuilderX新建了一个uni-app小程序,然后运行到微信开发者工具,因为没有录入appid。我就去小程序的设置-项目设置-基本设置内把默认的touristappid换成了我的appid。结果我uniapp修改东西后一刷新就显示修改appid失败。后来知道了原因,你需要在uniapp内也配置一下小程序的appid就不会报错了。提示这样的在这里把appid填入进去......原创 2022-06-20 09:44:47 · 7661 阅读 · 1 评论 -
【通俗易懂】vue移动端项目实现一个考试题目功能,解决问题(如何循环多组单选框并获取到对应选中的值)
效果图代码<template> <!-- 考试题目页面 --> <div> <!-- 最外层div,循环几组题目 --> <div v-for="(item, index) of list2" :key="index" style="margin-bottom: 10px" > <!-- 这是题目 --> <p class="titl原创 2021-08-27 15:44:47 · 4866 阅读 · 11 评论 -
vant中Checkbox搭配单元格使用,如何做全选功能
原始代码结构<van-checkbox-group v-model="result"> <van-cell-group> <van-cell v-for="(item, index) in list" clickable :key="item" :title="`复选框 ${item}`" @click="toggle(index)" > <template #right-原创 2021-08-18 17:11:14 · 3445 阅读 · 1 评论 -
vant移动端tab标签如何找到对应的标签绑定事件
比如结构是这样的。<van-tabs v-model="active" @click="onClick"> <van-tab title="标签 1">内容 1</van-tab> <van-tab title="标签 2">内容 2</van-tab> <van-tab title="标签 3">内容 3</van-tab> <van-tab title="标签 4">内容 4</van原创 2021-08-18 12:18:47 · 2612 阅读 · 4 评论 -
vue移动端vant搜索组件中自定义按钮无法显示搜索文字,显示的是取消
原版<van-search v-model="value" show-action label="地址" placeholder="请输入搜索关键词" @search="onSearch"> <template #action> <div @click="onSearch">搜索</div> </template></van-search>#action 修改成 slot=“action”原创 2021-08-18 12:04:20 · 1751 阅读 · 0 评论 -
vue移动端表格,超出横向滚动,固定第一列
效果图html结构表格数据对应渲染功能实现思路:其实看代码就能了解了,就很简单的用循环数组,然后把数组中的每一项对应放在一个位置就行了。这样循环几个,就有几列数据,后台传过来的数据就分成两个,一个就是第一列的科目,另外的就是后面的每个人的名字和他的成绩,只需要循环放在对应位置 <!-- 表格部分 --> <div > <div> <van-notice-原创 2021-08-17 14:07:30 · 2716 阅读 · 3 评论 -
vue-vant开发移动端项目如何在手机上查看效果
首先,启动项目,npm run serve然后看一下有没有Network这一条,如果有,那就直接把这个网址在手机上找个浏览器输入就可以看到了。如果你是更改过启动项,用的是“npm run dev”,则在“dev”中添加 --host 192.168.x.x。然后还是一样,手机打开浏览器输入这个网址那么ip地址怎么找呢步骤一:cmd 打开命令运行符,输入“ipconfig”查询本地 IP;(cmd就是你点开桌面菜单后直接键盘输入cmd就会出来的一个命令行工具)步骤二: 将ipv4地址复制下来原创 2021-08-11 11:47:05 · 1388 阅读 · 3 评论 -
移动端框架vant图片组件本地图片无法使用问题处理
我试了半天发现本地图片就是不行,网络的到时可以。太坑了,官网也不写一下。解决办法是加个require<van-image round width="3rem" height="3rem" :src="require('@/assets/yanjing.png')" />或者绑定data动态修改<van-image round width="3rem"原创 2021-08-11 09:15:08 · 413 阅读 · 0 评论 -
移动端vant中icon图标和文字不齐解决办法
我在用vant组件图标之后发现与文字对不齐,解决办法就是直接给icon加上属性vertical-align: -10%<van-icon name="gold-coin-o" style="vertical-align: -10%"/>原创 2021-08-11 09:33:41 · 2219 阅读 · 0 评论