- 博客(20)
- 资源 (1)
- 收藏
- 关注
原创 AXURE 轮播图作业来啦~
果然是熟能生巧,这个动效的完成时间比上次快了好多,各种基础组件用的也比较熟练了,嘻嘻☺️先看效果图:实现要点:1、每个状态点跟随每张banner图的变化而变化,图片从左到右首尾相接左滑轮播;2、鼠标悬停时,轮播动画停止,左右箭头显示;3、点击箭头,当前展示banner可切换到上一张或下一张,鼠标移出区域后,动画继续。实现步骤:第一步当然是上次的步骤重复啦,先拉一个动态面板,咔咔来四个状态????,再来四个小方,小方的初始背景为灰色,然后在PROPERTIES中设置选中背景色为任意闪亮的
2020-05-28 20:16:22
480
原创 AXURE实现两种轮播
哇~真的是好久不见了(/ω\)AXURE我已经实现了从入门到放弃N次了,真真是屡战屡败,屡败屡战,哈哈哈,还得给我的不放弃精神点个赞吧,欧耶✌️废话不多说,马上进入正题~前情提要:网站上想做个滚动播放消息的模块,我目前看到的垂直方向上的滚动大致可分两种,一种是只展示一行文字,另一种是展示多行,每行依次上移。进入正题先看第一种,为了区别,这种就用图片展示吧,换成一行文字同理。效果如下:首先,拖入一个动态面板,并增加三个状态(本例用了3张照片,所以就用3个状态啦~)双击进入编辑页面,每个状态
2020-05-26 20:00:25
1454
1
原创 纯CSS实现毛玻璃(高斯模糊)效果
实现效果图如下:html 代码如下:<div class="pro_item"> <div class="item item1"></div> <div class="item item2"></div> <div class="item item3"></div> <div c...
2019-07-16 15:06:25
3693
原创 Vue 删除列表项的淡出动画
使用vue前端框架尝试做一个购物车页面,勾选进购物车的商品列表可删除,代码如下:**<template>部分**<div class="goods-list-wrap"> <transition-group name="list-complete"> <div class="J-shoping-list" v-for="(item, ind...
2019-05-25 14:45:00
1899
原创 Mac 使用 grunt 搭建前端开发环境
一、安装node.js点击下载系统对应的pkg安装包,直接安装即可。安装完成之后在终端中输入node -v来查看版本,如下图所示即表示安装成功。二、安装grunt-cli在终端输入sudo npm install -g grunt -cli将grunt-cli安装在全局环境中;输入grunt命令验证是否安装成功;三、创建项目文件夹文件夹中创建package.json文件,在该文...
2019-03-30 10:28:53
498
原创 nginx配置 location rewrite 多目录转单目录
结论再此—>: rewrite ^/flask/(.*)$ /$1 last;场景描述:本次项目框架采用Vue+Flask+Kafka,前端路由使用history模式,调试时为避免将所有post或get请求都转发给Flask服务器,从而出现用户刷新当前页面下的路径时出现URL Not Found的报错,如下我在所有发给Flask的请求路径前都加上了flask目录,如/flask/l...
2019-02-26 14:09:33
2164
原创 原来代码可以这样写之Vue的学习心得
1、total后的值使用计算属性展示,点击选中之后,total只计算选中行的价格,因此,将computed钩子函数中的这一参数属性扩展为get和set,代码如下://html部分<p v-bind:value="totalPrice">total:{{calcPrice}}</p>//JavaScript部分computed:{ totalPrice:{ ...
2018-10-11 09:20:24
195
原创 Vue 父子组件通信
**页面描述:** 一个页面上有3个表格,对这些表格的某些列实现搜索功能,具体的表格为子组件,搜索框为父组件。 用截图画了一下,大家凑合看蛤~ 貌似看完这个破图更懵了啊哈哈(笑哭.jpg) 别怕,来看一下router就清楚啦! **实现过程:** home组件含有3个子组件,分别为表格具体内容,其中,搜索框写在父组件中,即home模块内。 home.v...
2018-08-22 11:11:34
1511
原创 Vue 监听多个input框是否都存在值
<div class="inner clear"> <input type="text" placeholder="第一个输入框" v-model="input1"></div><div class="inner clear"> <input type="tex
2018-08-01 11:18:45
11520
5
原创 DataTables解决 Cannot reinitialise DataTable 问题
原因:datatables不允许多次初始化某一表格 解决方法:在初始化时设置destroy:true。 但在一个页面的模态框中有多个表格,如果用上述解决方案,在关闭模态框再重新点开后,会报错,同时表格个数也没有完全展示 正常情况: 关闭后再次点开: 解决方案:使用 retrieve: true,代替destroy:true。 retrieve: true表示我已经知道初始化选
2017-05-31 18:00:01
20385
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人