seeeeeeeeeee的博客

电影院选座功能，美团选座功能，最近突然看到这个功能了，就想着研究一下如何写，然后在网上看了一些帖子，总结了一下，这里套用了一个别人的数据结构，这个感觉毕竟好用。然后写一个简单的模板放在这，以后可能会再这个基础上修改或者新增功能。......

vue-vant实现仿微信聊天界面，上下固定中间滚动自适应高度。移动端聊天功能，H5聊天功能实现。

我用HbuilderX新建了一个uni-app小程序，然后运行到微信开发者工具，因为没有录入appid。我就去小程序的设置-项目设置-基本设置内把默认的touristappid换成了我的appid。结果我uniapp修改东西后一刷新就显示修改appid失败。后来知道了原因，你需要在uniapp内也配置一下小程序的appid就不会报错了。提示这样的在这里把appid填入进去......

效果图代码<template> <!-- 考试题目页面 --> <div> <!-- 最外层div，循环几组题目 --> <div v-for="(item, index) of list2" :key="index" style="margin-bottom: 10px" > <!-- 这是题目 --> <p class="titl

原始代码结构<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-

比如结构是这样的。<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

原版<van-search v-model="value" show-action label="地址" placeholder="请输入搜索关键词" @search="onSearch"> <template #action> <div @click="onSearch">搜索</div> </template></van-search>#action 修改成 slot=“action”

效果图html结构表格数据对应渲染功能实现思路：其实看代码就能了解了，就很简单的用循环数组，然后把数组中的每一项对应放在一个位置就行了。这样循环几个，就有几列数据，后台传过来的数据就分成两个，一个就是第一列的科目，另外的就是后面的每个人的名字和他的成绩，只需要循环放在对应位置 <!-- 表格部分 --> <div > <div> <van-notice-

首先，启动项目，npm run serve然后看一下有没有Network这一条，如果有，那就直接把这个网址在手机上找个浏览器输入就可以看到了。如果你是更改过启动项，用的是“npm run dev”，则在“dev”中添加 --host 192.168.x.x。然后还是一样，手机打开浏览器输入这个网址那么ip地址怎么找呢步骤一：cmd 打开命令运行符，输入“ipconfig”查询本地 IP；(cmd就是你点开桌面菜单后直接键盘输入cmd就会出来的一个命令行工具)步骤二： 将ipv4地址复制下来

我试了半天发现本地图片就是不行，网络的到时可以。太坑了，官网也不写一下。解决办法是加个require<van-image round width="3rem" height="3rem" :src="require('@/assets/yanjing.png')" />或者绑定data动态修改<van-image round width="3rem"

我在用vant组件图标之后发现与文字对不齐，解决办法就是直接给icon加上属性vertical-align: -10%<van-icon name="gold-coin-o" style="vertical-align: -10%"/>