发表于： 2019-04-20 23:02:35
1 417
今天完成的事情：
1.完成了任务八的第二张图，
2、复习了前面所学校的资料。、
3.学习了CSS组件
入
import { Header } from 'mint-ui';Vue.component(Header.name, Header);
例子
固定在页面顶部
<mt-header fixed title="固定在顶部"></mt-header>
设置 left 或 right slot
<mt-header title="标题过长会隐藏后面的内容啊哈哈哈哈"> <router-link to="/" slot="left"> <mt-button icon="back">返回</mt-button> </router-link> <mt-button icon="more" slot="right"></mt-button></mt-header>
设置多个按钮
<mt-header title="多个按钮"> <router-link to="/" slot="left"> <mt-button icon="back">返回</mt-button> <mt-button @click="handleClose">关闭</mt-button> </router-link> <mt-button icon="more" slot="right"></mt-button></mt-header>
明天计划的事情：
1.彻底完成任务八、、
2.学习资料锚点。
页面内的跳转需要两步：
方法一：
①：设置一个锚点链接<a href="#miao">去找喵星人</a>；（注意：href属性的属性值最前面要加#）
②：在页面中需要的位置设置锚点<a name="miao"></a>；（注意：a标签中要写一个name属性，属性值要与①中的href的属性值一样，不加#）标签中按需填写必要的文字，一般不写内容
方法二：
①：同方法一的①
②：设置锚点的位置 <h3 id="miao">喵星人基地</h3>；在要跳转到的位置的标签中添加一个id属性，属性值与①中href的属性值一样，不加#
方法二不用单独添加一个a标签来专门设置锚点 ，只在需要的位置的标签中添加一个id即可。
遇到的问题：
1.暂时没遇到什么问题。
收获：
1.学会了怎么使用组件，
在任务八里面，可以头和尾都放到组件里面，因为这样能节省很多代码。
2.学会了用锚点
返回列表
评论