话不多说先看效果再看代码,后期推出多选和其他的代码
![0a718062e3cda2f796e0da404135834c.png](https://img-blog.csdnimg.cn/img_convert/0a718062e3cda2f796e0da404135834c.png)
![c4840b24b4a5951455a74e61f4116d97.png](https://img-blog.csdnimg.cn/img_convert/c4840b24b4a5951455a74e61f4116d97.png)
<style lang="less" scoped>
.CancelOrderCause-layout {
font-family: PingFang SC;
background: #f6f6f6;
width: 100%;
height: 100%;
overflow-y: scroll;
.cancel-list {
width: 100%;
height: auto;
padding-bottom: 0.2rem;
.cancel-title {
background: #ffffff;
margin-top: 0.2rem;
width: 100%;
height: 1.18rem;
border-radius: 0.2rem 0.2rem 0 0;
font-size: 0.36rem;
font-stretch: normal;
line-height: 0.98rem;
box-sizing: border-box;