# 本节知识点
- 1，调试工具的使用
- 2，button默认样式去除
- 3，css画一个指示箭头
# 实现效果如下：
# 课后作业
- 1，跟着老师美化自己的个人中心
- 2，跟着老师用css实现箭头效果
# 课程中用到的关键代码
- 1，自己用css实现箭头
```
/* .wxss里加入样式如下： */
<!-- .wxml文件里加入 -->
<view class='right_arrow' />
/* .wxss里加入样式如下： */
.right_arrow {
border: solid black;
border-width: 0 3px 3px 0;
width: 8px;
height: 8px;
margin-right:20px;
transform: rotate(-45deg);
}
```
- 2，去除button默认样式关键代码
```
<button class="fankui" open-type='feedback'>意见与反馈</button>
.fankui {
width: 100%;
border-radius: 0;
text-align: left;
background: white;
line-height: 1;
padding: 0;
font-size: 1rem;
margin: 10px 15px;
}
.fankui::after {
border: none;
border-radius: 0;
}
```
- 3,条目横向布局实现
```
/* 条目样式 */
.my_item {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
background: white;
}
```
# 视频地址
加老师微信索要视频资源。
最好跟着老师的教程敲代码，如果实在敲不出来，加老师微信索要源码。
# 老师微信
2501902696（备注小程序）
# 实例小程序
