正在显示
3 个修改的文件
包含
46 行增加
和
13 行删除
@@ -81,8 +81,41 @@ | @@ -81,8 +81,41 @@ | ||
81 | </div> | 81 | </div> |
82 | <div class="container"> | 82 | <div class="container"> |
83 | <div class="col-md-12 col-sm-12 col-xs-12"> | 83 | <div class="col-md-12 col-sm-12 col-xs-12"> |
84 | - <div class="companyprojectimg"> | ||
85 | - <img src="{:cmf_get_image_preview_url($list.more.0.url);}" alt=""> | 84 | + <!--<div class="companyprojectimg">--> |
85 | + <!--<img src="{:cmf_get_image_preview_url($list.more.0.url);}" alt="">--> | ||
86 | + <!--</div>--> | ||
87 | + <div id="myCar2" class="carousel slide companyprojectimg" data-ride="carousel" data-interval="0"> | ||
88 | + <!--图片轮播区域--> | ||
89 | + <div class="carousel-inner"> | ||
90 | + <!--1、轮播图片1--> | ||
91 | + <div class="item companyprojectimg active"> | ||
92 | + < img src="../img/jkhjk@2x.png"> | ||
93 | + <!-- 说明文本区域 --> | ||
94 | + | ||
95 | + </div> | ||
96 | + <!--2、轮播图片2--> | ||
97 | + <div class="item companyprojectimg"> | ||
98 | + < img src="../img/jkhjk@2x.png"> | ||
99 | + </div> | ||
100 | + <!--3、轮播图片3--> | ||
101 | + <div class="item companyprojectimg"> | ||
102 | + < img src="../img/jkhjk@2x.png"> | ||
103 | + </div> | ||
104 | + <!--4、轮播图片4--> | ||
105 | + <div class="item companyprojectimg"> | ||
106 | + < img src="../img/jkhjk@2x.png"> | ||
107 | + </div> | ||
108 | + </div> | ||
109 | + <!--方向按钮:左--> | ||
110 | + | ||
111 | + | ||
112 | + <!-- 导航圆点 --> | ||
113 | + <ul class="carousel-indicators"> | ||
114 | + <li data-slide-to="0" data-target="#myCar2" class="active"></li> | ||
115 | + <li data-slide-to="1" data-target="#myCar2" ></li> | ||
116 | + <li data-slide-to="2" data-target="#myCar2" ></li> | ||
117 | + <li data-slide-to="3" data-target="#myCar2" ></li> | ||
118 | + </ul> | ||
86 | </div> | 119 | </div> |
87 | </div> | 120 | </div> |
88 | <div class="col-md-12 col-sm-12 col-xs-12"> | 121 | <div class="col-md-12 col-sm-12 col-xs-12"> |
@@ -99,7 +99,7 @@ | @@ -99,7 +99,7 @@ | ||
99 | </div><!-- /.container-fluid --> | 99 | </div><!-- /.container-fluid --> |
100 | </nav> | 100 | </nav> |
101 | <!-- 轮播(Carousel)指标 --> | 101 | <!-- 轮播(Carousel)指标 --> |
102 | - <ol class="carousel-indicators"> | 102 | + <ol class="carousel-indicators indexcourael"> |
103 | <foreach name="banner" item="vo"> | 103 | <foreach name="banner" item="vo"> |
104 | <li data-target="#myCarousel" data-slide-to="{$key}"> | 104 | <li data-target="#myCarousel" data-slide-to="{$key}"> |
105 | <em></em> | 105 | <em></em> |
@@ -104,7 +104,7 @@ | @@ -104,7 +104,7 @@ | ||
104 | /*}*/ | 104 | /*}*/ |
105 | /*}*/ | 105 | /*}*/ |
106 | 106 | ||
107 | -.carousel-indicators li em{ | 107 | +.indexcourael li em{ |
108 | display: inline-block; | 108 | display: inline-block; |
109 | width: 8px; | 109 | width: 8px; |
110 | height: 8px; | 110 | height: 8px; |
@@ -122,7 +122,7 @@ | @@ -122,7 +122,7 @@ | ||
122 | margin: 0 auto; | 122 | margin: 0 auto; |
123 | 123 | ||
124 | } | 124 | } |
125 | -.carousel-indicators li{ | 125 | +.indexcourael li{ |
126 | display: inline-block; | 126 | display: inline-block; |
127 | width: 12px; | 127 | width: 12px; |
128 | height: 12px; | 128 | height: 12px; |
@@ -136,7 +136,7 @@ | @@ -136,7 +136,7 @@ | ||
136 | position: relative; | 136 | position: relative; |
137 | 137 | ||
138 | } | 138 | } |
139 | -.carousel-indicators .active em{ | 139 | +.indexcourael .active em{ |
140 | width: 6px; | 140 | width: 6px; |
141 | height:6px; | 141 | height:6px; |
142 | background-color: #fff; | 142 | background-color: #fff; |
@@ -146,7 +146,7 @@ | @@ -146,7 +146,7 @@ | ||
146 | right:0; | 146 | right:0; |
147 | margin: 0 auto; | 147 | margin: 0 auto; |
148 | } | 148 | } |
149 | -.carousel-indicators .active { | 149 | +.indexcourael .active { |
150 | width: 15px; | 150 | width: 15px; |
151 | height: 15px; | 151 | height: 15px; |
152 | margin: 0; | 152 | margin: 0; |
@@ -154,7 +154,7 @@ | @@ -154,7 +154,7 @@ | ||
154 | border:1px solid #fff; | 154 | border:1px solid #fff; |
155 | 155 | ||
156 | } | 156 | } |
157 | -.carousel-indicators{ | 157 | +.indexcourael{ |
158 | bottom:55px; | 158 | bottom:55px; |
159 | } | 159 | } |
160 | 160 | ||
@@ -450,11 +450,11 @@ | @@ -450,11 +450,11 @@ | ||
450 | left:0; | 450 | left:0; |
451 | right:0; | 451 | right:0; |
452 | } | 452 | } |
453 | -.companyprojectimg{ | 453 | +.carousel-inner .companyprojectimg{ |
454 | width:100%; | 454 | width:100%; |
455 | height:350px; | 455 | height:350px; |
456 | } | 456 | } |
457 | -.companyprojectimg img{ | 457 | +.carousel-inner .companyprojectimg img{ |
458 | width:100%; | 458 | width:100%; |
459 | height:100%; | 459 | height:100%; |
460 | } | 460 | } |
@@ -998,7 +998,7 @@ | @@ -998,7 +998,7 @@ | ||
998 | } | 998 | } |
999 | @media (min-width: 1920px){ | 999 | @media (min-width: 1920px){ |
1000 | 1000 | ||
1001 | - .carousel-indicators{ | 1001 | + .indexcourael{ |
1002 | bottom:55px | 1002 | bottom:55px |
1003 | } | 1003 | } |
1004 | } | 1004 | } |
@@ -1032,7 +1032,7 @@ | @@ -1032,7 +1032,7 @@ | ||
1032 | .viewcompanyintro:last-child{ | 1032 | .viewcompanyintro:last-child{ |
1033 | margin-top:20px; | 1033 | margin-top:20px; |
1034 | } | 1034 | } |
1035 | - .carousel-indicators{ | 1035 | + .indexcourael{ |
1036 | bottom:33px | 1036 | bottom:33px |
1037 | } | 1037 | } |
1038 | } | 1038 | } |
@@ -1095,7 +1095,7 @@ | @@ -1095,7 +1095,7 @@ | ||
1095 | .indexfooter{ | 1095 | .indexfooter{ |
1096 | bottom:0; | 1096 | bottom:0; |
1097 | } | 1097 | } |
1098 | - .carousel-indicators{ | 1098 | + .indexcourael{ |
1099 | bottom:9px; | 1099 | bottom:9px; |
1100 | } | 1100 | } |
1101 | .navbar-right { | 1101 | .navbar-right { |
-
请 注册 或 登录 后发表评论