10 2020 档案

商家详情-商品个数计步器实现
摘要：商家详情-商品个数计步器实现 Stepper <style scoped lang='scss'> .stepper-container { display: flex; align-items: center; .substract { background-image: url("data:im 阅读全文
posted @ 2020-10-29 11:09 一文g 阅读(184) 评论(0) 推荐(0)
商家详情-查看商品详情代码总结
摘要：商家详情-查看商品详情 <goods-detail :goods='detailGoods'></goods-detail> goodsClick(category_index, goods_index){ let category = this.categories[category_index] 阅读全文
posted @ 2020-10-29 09:06 一文g 阅读(692) 评论(0) 推荐(0)
商家详情-tabbar状态切换和导航返回代码总结
摘要：商家详情-tabbar状态切换和导航返回 导航返回 <van-nav-bar left-arrow @click-left="onClickLeft"></van-nav-bar> onClickLeft(){ this.$router.back() }, tabbar状态切换 <van-tabba 阅读全文
posted @ 2020-10-29 09:01 一文g 阅读(247) 评论(0) 推荐(0)
商家详情-分类和商品实现左右联动代码总结
摘要：分类点击到商品指定位置 data添加currentIndex data() { return { active: 0, categories: [], positions: [], currentIndex: 0 }; mounted页面加载完成计算positions mounted(){ cons 阅读全文
posted @ 2020-10-26 20:51 一文g 阅读(439) 评论(0) 推荐(0)
商品滚动完成代码总结
摘要：商品滚动 mounted(){ const categories = kfc['categories']; // for (let index=0; index < categories.length; index++){ // const category = categories[index]; 阅读全文
posted @ 2020-10-26 17:29 一文g 阅读(189) 评论(0) 推荐(0)
商家详情-商品分类滚动完成代码总结
摘要：商品分类滚动 <script> import { NavBar, Tab, Tabs } from "vant"; // better-scroll import BScroll from "better-scroll"; import kfc from '@/data/kfc'; export d 阅读全文
posted @ 2020-10-26 16:31 一文g 阅读(807) 评论(0) 推荐(0)
商家详情-导航栏和header布局-tab标签页完成
摘要：导航栏和header布局 <style scoped> .merchant-container >>> .van-nav-bar { background: none; } .merchant-container >>> .van-hairline--bottom::after { border: 阅读全文
posted @ 2020-10-26 08:08 一文g 阅读(250) 评论(0) 推荐(0)
vue代码总结—tabbar搭建
摘要：tabbar搭建 App.vue <template> <div id="app"> <!-- 路由出口！！！！！ --> <router-view></router-view> <van-tabbar v-model="active"> <van-tabbar-item icon="home-o" 阅读全文
posted @ 2020-10-24 14:43 一文g 阅读(187) 评论(0) 推荐(0)
History API 与 vue-router路由中#的解析
摘要：URL（Universal Resource Locator）即统一资源定位符，又称网页地址，用于定位浏览器中所需显示的网页资源。 在 H5 之前，即使采用的是脚本语言的方式，只要浏览器地址栏中的 URL 地址被切换，都会触发一个页面刷新的过程，这个过程将耗费一些时间与资源。在很多时候，尤其是两个大 阅读全文
posted @ 2020-10-24 14:32 一文g 阅读(404) 评论(0) 推荐(0)
首页代码总结
摘要：首页-header布局和样式实现 <style scoped lang='scss'> .header-group{ background-color: black; padding: 20px 14px 10px; .address-group{ color:white; font-size: 1 阅读全文
posted @ 2020-10-24 09:45 一文g 阅读(420) 评论(1) 推荐(1)
vue中style下scoped的属性的原理
摘要：scoped属性的功能 实现组件的私有化，不对全局造成样式污染，表示当前style属性只属于当前模块 // style中有scoped组件私有化不会对全局造成影响 <style scoped lang='scss'> .header-group{ background-color: black; p 阅读全文
posted @ 2020-10-23 15:02 一文g 阅读(1547) 评论(0) 推荐(0)
Iconfont-阿里巴巴矢量图标库
摘要：Iconfont_阿里巴巴矢量图标库 Iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具 阿里巴巴矢量图标库 阿里巴巴矢量图标库 font-class引用 font-class是unicode使 阅读全文
posted @ 2020-10-23 10:56 一文g 阅读(826) 评论(0) 推荐(0)
vue简介
摘要：Vue简介 Vue(读音/vjuː/，类似于view) 是一套用于构建前后端分离的框架。刚开始是由国内优秀选手尤雨溪开发出来的，目前是全球“最”流行的前端框架。使用vue开发网页很简单，并且技术生态环境完善，社区活跃，是前后端找工作必备技能！ Vue安装和使用： vue的安装大体上分成三种方式，第一 阅读全文
posted @ 2020-10-23 09:37 一文g 阅读(774) 评论(0) 推荐(0)
Redis简介和数据结构
摘要：nosql介绍 NoSQL：一类新出现的数据库(not only sql)，它的特点： 不支持SQL语法 存储结构跟传统关系型数据库中的那种关系表完全不同，nosql中存储的数据都是KV形式 NoSQL的世界中没有一种通用的语言，每种nosql数据库都有自己的api和语法，以及擅长的业务场景 NoS 阅读全文
posted @ 2020-10-20 14:29 一文g 阅读(112) 评论(0) 推荐(0)
浏览器初始化css
摘要：a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, d 阅读全文
posted @ 2020-10-20 09:18 一文g 阅读(103) 评论(0) 推荐(0)
vue脚手架搭建项目初始化
摘要：在使用vue create xxx 创建项目后要在main.js文件中加入 /* jshint esversion: 6 */ 如果报错定义了但未使用需在代码块后加入以下代码 // eslint-disable-line no-unused-vars vue-cli vue-cli是和vue进行深度 阅读全文
posted @ 2020-10-20 08:52 一文g 阅读(612) 评论(0) 推荐(0)