# 本節知識點
- 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（備注小程序）
# 實例小程序
