![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
星星的泪痕
这个作者很懒,什么都没留下…
展开
-
uniapp Vue3,使用plus.webview.create
uniapp Vue3,使用plus.webview.create原创 2022-11-14 14:33:04 · 2549 阅读 · 2 评论 -
uniapp 新增/编辑后返回列表提示刷新
uniapp (Vue2/Vue3),新增编辑页,操作成功后,返回刷新列表原创 2022-11-10 15:40:24 · 1293 阅读 · 0 评论 -
echarts 图表随外层div尺寸调整大小
vue中使用echarts ,让图表随外层div尺寸调整大小Echarts中提供方法:echartsInstance.resizeFunction(opts?: { width?: number|string, height?: number|string, silent?: boolean}) => ECharts改变图表尺寸,在容器大小发生改变时需要手动调用。参数 opts opts 可缺省。有下面几个可选项: widt..原创 2021-02-08 11:55:11 · 5176 阅读 · 2 评论 -
vue-draggable-resizable-gorkys使用,方法添加自定义参数
vue-draggable-resizable拖拽组件使用时,在提供的方法上添加自定义的参数,如dragstop,resizestopd都自带有参数(left、top、widtn、height),想把对应数组元素传进去<vdr v-for="(item, index) in list" :key="index" :x="item.left" :y="item.top" :width="item.width"原创 2021-02-08 11:44:17 · 3009 阅读 · 0 评论 -
css 中 /deep/ 的使用
vue中组件的样式是有作用域的,默认是全局样式。如果不希望当前组件中的样式影响到别的组件,可以添加作用域。通过给style添加 scoped<style scoped></style>在有作用域的组件中如何给子组件设置样式?默认只能作用到子组件的根节点(组件的class 默认作用到组件的根节点)使用子组件的根节点本身的class类名如果是第三方组件,不知道它的根节点的类名,那就审查元素查看,或者添加一个类名//APP.vue<style sc原创 2020-09-18 17:02:16 · 1831 阅读 · 0 评论 -
PostCSS的配置文件
Vue中使用Vant组件库时,需要使用rem单位,使用了以下两个工具:postcss-pxtorem是一款 postcss 插件,用于将单位转化为 rem lib-flexible用于设置 rem 基准值在使用PostCSS 时提供了一份基本的 postcss 配置,可以在此配置的基础上根据项目需求进行修改module.exports = { plugins: { autoprefixer: { browsers: ['Android >= 4.0', '..原创 2020-09-16 15:38:25 · 3568 阅读 · 0 评论 -
购物商城系统设计与实现总结_购物车
用户进入购物车页面对其进行查看和管理。系统在商品详情页提供了加入购物车按钮,用户在浏览时遇到自己心仪的商品,但又暂时不想购买或犹豫不决,可以将其加入购物车以便二次查询。在购物车里中点击商品可以进入对应商品详情页再次浏览,除此之外还提供了全选,单条/选中删除,结算等功能。购物车内标题栏有全选框,显示的每条商品信息前也有勾选框,点击批量删除或结算可以一次性对选中的商品进行对应功能处理。购物车界面如图删除单条产品,当用户点击某条商品信息后对应的红色删除按钮时,即可删除对应商品。删除所有选中的产品.原创 2020-07-01 17:01:53 · 2579 阅读 · 0 评论 -
购物商城系统设计与实现总结_商品列表展示页的实现
商品分类展示页面和关键字搜索所显示的商品页面,只是传入的信息不同,重复调用了相同的子组件。子组件为商品列表组件和详细信息组件,点击列表页展示的商品时,跳转到对应商品详情页。列表页用到的分页功能单独制作为分页组件,通过父子组件传值来与商品列表组件联系,点击分页组件的上/下一页以及对应页号时可以展示不同的商品。商品列表分页功能主要通过数据库查询语句select-limit来实现,点击不同分类时传入对应字段category的值以及预先设定好的展示数量,查询数据库product表将对应数据返回渲染到页面。而搜索原创 2020-06-15 16:37:10 · 4010 阅读 · 1 评论 -
购物商城系统设计与实现总结_登录功能的实现
用户只有登陆系统后才能使用全部功能,例如购物车和个人订单,否则点击这些功能都会跳转到登录页面。登陆页面填写信息有误时,都会显示错误提示,可以点击重置按钮,将输入框置空重新输入。若没有账号,可点击左下角提示文字跳转到注册页面进行注册。登陆成功后会弹出提示框提示成功。<template> <div id="Login"> <div class="login_box"> <!-- 头像区域 --> <div .原创 2020-06-14 18:08:24 · 1861 阅读 · 0 评论 -
购物商城系统设计与实现总结_注册功能的实现
用户点击注册按钮会跳转注册界面,按照系统提示要求,填写用户名、密码和一些非必填的个人信息以及验证码后,点击注册按钮即可进行注册。各输入框中会有输入提示,并且输入框在失焦时就会立即进行判断填写内容是否符合提示要求。在输入不符合要求时,有错误的对应输入框下会显示红色提示信息,当输入修改正确后信息会自动隐藏。<template> <div id="Register"> <div class="reg_box"> <!-- logo区域 --&原创 2020-06-14 17:51:46 · 857 阅读 · 0 评论 -
购物商城系统设计与实现总结_商城首页的实现
用户从浏览器进入商城系统首先展示的是商城首页,而且我利用了Vue的组件化开发,路由切换即页面局部渲染的改变。我制作的商城,在切换其他页面例如详情页、购物车时,头部和尾部都不发生变化,只有中间部分渲染为对应点击的内容。首页分布有大部分主要功能的按钮例如用户登陆注册、购物车、订单、商品搜索、分类,所以首页是商城功能点击触发的主要页面。并且首页还有热门商品轮播图展示,频道广场,商品推荐等模块。<template> <div id="Home"> <div c原创 2020-06-14 16:40:54 · 2131 阅读 · 0 评论 -
购物商城系统设计与实现总结_1整体结构
系统设计实现成功的整体回顾总结:这是一个购物商城的前台系统,用于用户注册登录后进行浏览购物,并通过购物车和个人订单进行管理。系统前端使用了vue框架,后端利用Express搭建主要进行数据库操作,通过Axios进行交互,数据库使用Mysql并用Navicat可视化管理。系统制作是通过网上视频资料学习Vue和Express内容,然后边学边做的。项目前后端分离,xttshop是利用vue脚手架搭建项目结构制作的前端界面,xttshop_api是利用Express搭建的后端服务器。xttsho原创 2020-06-14 16:20:37 · 2115 阅读 · 0 评论