|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
<div style="width:100%">
|
|
|
<div class="box">
|
|
|
- <div class="line1">温馨提示:</div>
|
|
|
- <div v-for="(item, index) in content" :key="index">
|
|
|
+ <div class="line1"><image class="notice" src="https://ct.zzxcx.net/ctjk/mp-wx/carVideo/notice.png"></image>温馨提示</div>
|
|
|
+ <div style="color: #5C6066;" v-for="(item, index) in content" :key="index">
|
|
|
{{ index + 1 }}.{{ item }}
|
|
|
</div>
|
|
|
</div>
|
|
@@ -27,16 +27,26 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.box {
|
|
|
- padding: 0 15rpx;
|
|
|
+ padding: 0 20rpx;
|
|
|
width: 100%;
|
|
|
font-size: 32rpx;
|
|
|
padding-bottom: 15rpx;
|
|
|
+ background: #EEF6FF;
|
|
|
+ border-radius: 15rpx;
|
|
|
|
|
|
.line1 {
|
|
|
- color: rgba(165, 0, 0, 0.61);
|
|
|
- font-size: 40rpx;
|
|
|
+ color: #0A1A33;
|
|
|
+ font-size: 38rpx;
|
|
|
line-height: 2;
|
|
|
- font-weight: 600;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ height:100rpx;
|
|
|
+ .notice{
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ padding-right: 15rpx;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</style>
|