正在显示
3 个修改的文件
包含
65 行增加
和
0 行删除
@@ -10,6 +10,54 @@ | @@ -10,6 +10,54 @@ | ||
10 | video, img { | 10 | video, img { |
11 | width:100%; | 11 | width:100%; |
12 | } | 12 | } |
13 | + .tips_box { | ||
14 | + width:100%; | ||
15 | + height:100%; | ||
16 | + z-index:999; | ||
17 | + position: fixed; | ||
18 | + top: 0; | ||
19 | + left: 0; | ||
20 | + background: rgba(0, 0, 0, 0.5); | ||
21 | + -webkit-box-sizing: border-box; | ||
22 | + -moz-box-sizing: border-box; | ||
23 | + box-sizing: border-box; | ||
24 | + padding: 0 0.32rem; | ||
25 | + display: flex; | ||
26 | + flex-direction: column; | ||
27 | + } | ||
28 | + | ||
29 | + .tips_top { | ||
30 | + width: 100%; | ||
31 | + display: flex; | ||
32 | + align-items: center; | ||
33 | + justify-content:flex-end; | ||
34 | + margin-bottom: 0.1rem; | ||
35 | + } | ||
36 | + | ||
37 | + .tips_img { | ||
38 | + width: 1.1rem; | ||
39 | + height: 1.2rem; | ||
40 | + margin-bottom: 0.2rem; | ||
41 | + } | ||
42 | + | ||
43 | + .tips_bottom { | ||
44 | + width: 100%; | ||
45 | + display: flex; | ||
46 | + align-items: center; | ||
47 | + justify-content: flex-end; | ||
48 | + } | ||
49 | + | ||
50 | + .tips_txt { | ||
51 | + font-size: 0.28rem; | ||
52 | + color: rgba(0, 0, 0, 0.8); | ||
53 | + } | ||
54 | + | ||
55 | + .tips_icon { | ||
56 | + width: 0.68rem; | ||
57 | + height: 0.68rem; | ||
58 | + margin: 0.2rem 0; | ||
59 | + } | ||
60 | + | ||
13 | </style> | 61 | </style> |
14 | </head> | 62 | </head> |
15 | <body> | 63 | <body> |
@@ -63,6 +111,23 @@ | @@ -63,6 +111,23 @@ | ||
63 | </div> | 111 | </div> |
64 | 112 | ||
65 | </div> | 113 | </div> |
114 | + | ||
115 | +<div class="tips_box"> | ||
116 | + <div class="tips_top"> | ||
117 | + <div class="tips_img"> | ||
118 | + <img src="/assets/cai/image/jiantou_img@2x.png" alt=""> | ||
119 | + </div> | ||
120 | + </div> | ||
121 | + | ||
122 | + <div class="tips_bottom"> | ||
123 | + <div class="tips_txt">请选择浏览器</div> | ||
124 | + <div class="tips_icon"> | ||
125 | + <img src="/assets/cai/image/liulanqi_icon@2x.png" alt=""> | ||
126 | + </div> | ||
127 | + <div class="tips_txt">中打开</div> | ||
128 | + </div> | ||
129 | + | ||
130 | +</div> | ||
66 | </body> | 131 | </body> |
67 | <script src="/assets/cai/js/base.js"></script> | 132 | <script src="/assets/cai/js/base.js"></script> |
68 | <script src="/assets/cai/js/app.js"></script> | 133 | <script src="/assets/cai/js/app.js"></script> |
public/assets/cai/image/jiantou_img@2x.png
0 → 100644
2.5 KB
public/assets/cai/image/liulanqi_icon@2x.png
0 → 100644
2.6 KB
-
请 注册 或 登录 后发表评论