12 2021 档案

微信小程序获取手机号
发表于 2021-12-30 10:09阅读：193评论：0推荐：0
摘要：WXML部分<button type="primary" class="red myToast_but" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">一键授权</button>js部分 getPhoneNumber(e 阅读全文 »
posted @ 2021-12-30 10:09 文采呱呱 阅读(193) 评论(0) 推荐(0) 编辑
vue根据设备展示页面判断当前设备是手机端或者pc端
发表于 2021-12-27 10:02阅读：215评论：0推荐：0
摘要：项目 router 文件夹下的 index.js 中有两个路由，分别是 pc 端路由和移动端路由 export default new Router({ routes: [ { path: '/', redirect:'/pc-home' }, // pc端的路由 { path:'/pc-home' 阅读全文 »
posted @ 2021-12-27 10:02 文采呱呱 阅读(215) 评论(0) 推荐(0) 编辑
关于微信小程序中使用iview-weapp时，样式不对
发表于 2021-12-23 09:31阅读：493评论：1推荐：0
摘要：今天使用微信开发者工具创建了一个项目，然后引入了iview-weapp UI后，使用按钮的展示和官网提供的不一致。具体效果看下图： 按钮并没有垂直居中。 接下来我去下载了官方示例，按钮效果图如下： 后来经过一番排查，发现是微信小程序对UI做了升级处理，有增加了一句命令配置 我们只要在app.json 阅读全文 »
posted @ 2021-12-23 09:31 文采呱呱 阅读(493) 评论(1) 推荐(0) 编辑
有关前端环境方面（环境变量）准备工作
发表于 2021-12-22 13:46阅读：365评论：0推荐：0
摘要：前端环境最开始是先搭建本地环境——即node.js Node.js 中文网 (nodejs.cn) 上面是node.js的官网下载适合自己电脑的安装包 ，根据需要选择自己需要的版本 下载完成后，双击“node-v11.5.0-x64.msi”（这里是我选择的安装包，你们可以根据你们所需选择），开始安 阅读全文 »
posted @ 2021-12-22 13:46 文采呱呱 阅读(365) 评论(0) 推荐(0) 编辑
Vue v-for 循环更优雅的 7 种方式
发表于 2021-12-22 09:13阅读：768评论：0推荐：0
摘要：v-for循环最基本的用法是这样的： <ul> <li v-for='product in products'> {{ product.name }} </li> </ul> 1. 始终在v-for循环中使用key 首先，我们讨论的是大多数Vue开发人员已经知道的常见最佳实践——在v-for循环中使 阅读全文 »
posted @ 2021-12-22 09:13 文采呱呱 阅读(768) 评论(0) 推荐(0) 编辑
css静态无间接滚动/动态数据可换另一种方法
发表于 2021-12-15 13:41阅读：79评论：0推荐：0
摘要：<!DOCTYPE html> <!-- saved from url=(0064)https://www.xiabingbao.com/demo/css3-infinite-scroll/simple.html --> <html lang="en"> <head> <meta http-equi 阅读全文 »
posted @ 2021-12-15 13:41 文采呱呱 阅读(79) 评论(0) 推荐(0) 编辑
CSS如何在文字面前设置一个小方块？
发表于 2021-12-10 09:52阅读：747评论：0推荐：0
摘要：<span style="display: inline-block;width: 20px;height: 20px;vertical-align: middle;background: red;"></span> 阅读全文 »
posted @ 2021-12-10 09:52 文采呱呱 阅读(747) 评论(0) 推荐(0) 编辑
flex两端对齐换行后格式不对的应对方法
发表于 2021-12-08 17:45阅读：225评论：0推荐：0
摘要：.logo{ width: 100%; height: 25rem; margin-top: 60px;}.logo ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}.logo ul:after{ content 阅读全文 »
posted @ 2021-12-08 17:45 文采呱呱 阅读(225) 评论(0) 推荐(0) 编辑
css图片无缝自动滚动
发表于 2021-12-08 15:44阅读：235评论：0推荐：0
摘要：.roll { width: 100%; min-width: 46.875rem; height: 300px; margin-top: 100px; overflow: hidden; margin: 50px auto; } .ulBox { position: relative; top: 阅读全文 »
posted @ 2021-12-08 15:44 文采呱呱 阅读(235) 评论(0) 推荐(0) 编辑
jQuery好玩的双向控制轮播
发表于 2021-12-08 13:47阅读：393评论：1推荐：0
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文 »
posted @ 2021-12-08 13:47 文采呱呱 阅读(393) 评论(1) 推荐(0) 编辑
swiper中的双向控制器不生效问题
发表于 2021-12-08 10:53阅读：833评论：0推荐：0
摘要：<!-- Swiper --> <div class="swiper mySwiper1"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="image/hotel.png" /></div> </div> <div 阅读全文 »
posted @ 2021-12-08 10:53 文采呱呱 阅读(833) 评论(0) 推荐(0) 编辑
v-for的某些注意事项
发表于 2021-12-04 16:27阅读：161评论：0推荐：0
摘要：<li v-for="(ties,index) in ties" :key="'Demandschemeli'+index"> <img :src="ties.customer"> <div class="tiessum"> <p> <b> {{ties.text}} </b> </p> <inpu 阅读全文 »
posted @ 2021-12-04 16:27 文采呱呱 阅读(161) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示