|
|
@@ -49,24 +49,16 @@
|
|
|
</div>
|
|
|
<div class="hd-cen">
|
|
|
<ul>
|
|
|
- <li>
|
|
|
- <a href=""><img src="@/assets/img/cpdat05.png" width="100%" /> </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href=""><img src="@/assets/img/cpdat05.png" width="100%" /> </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href=""><img src="@/assets/img/cpdat05.png" width="100%" /> </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href=""><img src="@/assets/img/cpdat05.png" width="100%" /> </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href=""><img src="@/assets/img/cpdat05.png" width="100%" /> </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href=""><img src="@/assets/img/cpdat05.png" width="100%" /> </a>
|
|
|
- </li>
|
|
|
+ <!-- <li v-for="(key) in [1,2,3,4,1,2,3,4]">
|
|
|
+ <a href=""><img src="@/assets/img/cpdat05new.jpg" width="100%" />
|
|
|
+ <dl class="hitem">
|
|
|
+ <dt class="tit">2819系列</dt>
|
|
|
+ <dd>
|
|
|
+ <pre>中心切削。<br>DIN 6528标准规格。<br>钢、不锈钢，以及铸铁。<br>刀尖倒角设计方案，延长刀具使用寿命。</pre>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </a>
|
|
|
+ </li> -->
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -187,4 +179,34 @@ ul.ulimg li:nth-child(odd) {
|
|
|
ul.ulimg li:nth-child(even) {
|
|
|
float: right;
|
|
|
}
|
|
|
+.hitem {
|
|
|
+ background: #ffffff;
|
|
|
+ padding: 0 6px 12px 6px;
|
|
|
+}
|
|
|
+.hitem .tit {
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000000;
|
|
|
+ padding-top: 10px;
|
|
|
+ padding-bottom: 6px;
|
|
|
+}
|
|
|
+.hitem dd{
|
|
|
+ min-height: 100px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.hitem dd::before{
|
|
|
+ content: "\e66f";
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0px;
|
|
|
+ right: -9px;
|
|
|
+ color: #c78c2a;
|
|
|
+ font-family: iconfont;
|
|
|
+ font-size: 10px;
|
|
|
+ transform:rotate(-90deg) scaleX(0.3) scaleY(0.6);
|
|
|
+}
|
|
|
+.hitem dd pre {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
</style>
|
