8.26index首页的设计+搜索功能的实现

发布于:2023-01-01 ⋅ 阅读:(522) ⋅ 点赞:(0)

ps新的三个技能。1、自适应颜色,选中,delete,然后拖动可实现背景分离。

利用填充是使文字融为背景色!!!已解决

(2)、矩形框选择有羽化就是圆角的大小

(3)、抠图用魔法棒,处理细节用那个线来圈。

1明白需求,具备科技感,用ps修改成自己想要的样子,

1、首先参考其他科技网站界面,分析出六个值得借鉴的点。

2、寻找科技感的背景,创建三个模板ps文件;

3、公司logo放上去,图标大小,具有科学的排版布局和没有大的补丁漏洞。

满足要求

1、具备科技感,智能制造为主题(登录页的设计)

完成啦!

二、实现单字段搜素功能。(加油,再干一个小时,早上9.30-11.30两个小时努力干,下午13.30-3.30  中途休息半个小时。4.00-5.30加油干)

1、对比和实例index不同的地方

import { mapGetters } from 'vuex'

vuex中mapGetters的使用及简单实现原理 - 躺在巨人肩膀上的小那 - 博客园

vuex里mapState,mapGetters使用详解_搬砖的前端的博客-CSDN博客_mapgetters使用

脚手架报错,还是百度有用!

https://www.csdn.net/tags/MtTaEgwsMzU2NjQtYmxvZwO0O0OO0O0O.html

扁平化设计(极简风)

:(拟物化更加具体)

解读!扁平化图标设计风格_用户

$emit子组件传参。

子组件$emit触发事件传参,父组件中的自定义参数_Macro-2的博客-CSDN博客_emit事件传参

 <pagination>分页 

"分页器"组件:<pagination> —— 快应用组件库H-UI - 码农教程

 v-model="visible"

浅析v-model的原理及在自定义组件中的应用_Dax1_的博客-CSDN博客

v-model 双向绑定

v-model一些理解 - 童心虫鸣 - 博客园

现在遇到问题所在:发现不了实例和自己文件的区别所在,搜素按钮触发的点击事件不起作用,即使是,空按钮也应该是能执行搜素功能的,重置也是一样的,网页中查看网络的递交情况。

这样也能很好的查看源代码的数据传输提交情况。

1、txt对比两个文件

flex-coulnun :垂直显示vue flex 布局实现div均分自动换行

https://www.csdn.net/tags/MtTaAg0sNDcwODgtYmxvZwO0O0OO0O0O.html

和iview类似得Bootstrap4 教程 | 菜鸟教程

垂直显示

watch侦听到改变vue中watch与事件回调的顺序,被console.log欺骗的我_是云呀!的博客-CSDN博客_watch 回调

sort((a, b)

为什么sort((a,b) => a - b ? 1 : -1 )可以对时间戳排序,"sort((a,b) => a - b ? 1 : -1 )"表示什么意思_百度知道

 ref=的使用

vue中ref的使用_处于菜鸟阶段的七七的博客-CSDN博客_vue中ref的用法

vue中slot插槽

Vue slot 详解_m0_67391521的博客-CSDN博客_vueslot

数据库导入表。文件最好都是英文名然后导入方便一点。

看连接情况。

在这里面,

设计index页面的登陆框。

去掉button的自带边框button 去掉默认边框样式_大白的博客的博客-CSDN博客_button去掉默认边框

输入框的背景样式穿透

vue--elementui中修改el-input样式_根正苗红小少年的博客-CSDN博客_el-input 样式

input样式:

vue 所有按钮属性、vue Button 所有按钮属性事件、vue a-button 所有按钮属性事件、vue 按钮所有属性事件、vue_用生命在耍帅ㅤ的博客-CSDN博客_a-button

 input变成圆角

vue 圆角输入框_纸鹤的学习日记的博客-CSDN博客_vue 圆角

在element-ui中对el-input的suffix-icon使用iconfont的小图标

在element-ui中对el-input的suffix-icon使用iconfont的小图标_SUPERHUTIME的博客-CSDN博客_suffix-icon

suffix-icon:引入图标

修改图标单独再某个style里面加:

 css的学习:051 <css语法> 学习之: 常用标签(input等)_天蓝蓝的本我的博客-CSDN博客_css input

css的基本语法是什么-css教程-PHP中文网

每条声明由一个属性和一个值组成