用Vue实现一个简单的图片轮播 (2)

global.css

1@import "//at.alicdn.com/t/font_1811699_2hvkwp7upcz.css";
2
3a {
4  color: #409eff;
5  text-decoration: none;
6}
7a:hover{
8  color: #66b1ff;
9}
10* {
11  box-sizing: border-box;
12}
13
14.container {
15  width: 1080px;
16  margin: 0 auto;
17}
18
19input {
20  background-color: #fff;
21  background-image: none;
22  border-radius: 4px;
23  border: 1px solid #dcdfe6;
24  color: #606266;
25  display: inline-block;
26  font-size: inherit;
27  height: 40px;
28  line-height: 40px;
29  outline: none;
30  padding: 0 15px;
31  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
32}
33input:focus {
34  outline: none;
35  border-color: #409eff;
36}
37
38body {
39  min-width: 1100px;
40  line-height: 1.5;
41  color: #333;
42}
43
44button {
45  outline: none;
46  border: none;
47  width: 170px;
48  font-size: inherit;
49  color: #fff;
50  background-color: #409eff;
51  border-color: #409eff;
52  line-height: 1;
53  white-space: nowrap;
54  cursor: pointer;
55  transition: 0.1s;
56  font-weight: 500;
57  font-size: 14px;
58  border-radius: 4px;
59  padding: 12px;
60}
61button:hover {
62  background: #66b1ff;
63  border-color: #66b1ff;
64}

全局导入

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwfssw.html