浏览代码

替换图片,修改层级

zjm
等你 5 个月前
父节点
当前提交
7f8efac767
共有 4 个文件被更改,包括 3 次插入2 次删除
  1. 二进制
      dev/static/images/product/member2.jpg
  2. 1
    1
      src/pages/index/index.less
  3. 1
    1
      src/pages/product/index.html
  4. 1
    0
      src/pages/product/index.less

二进制
dev/static/images/product/member2.jpg 查看文件


+ 1
- 1
src/pages/index/index.less 查看文件

404
         transition:width .45s cubic-bezier(.455,.03,.515,.955);
404
         transition:width .45s cubic-bezier(.455,.03,.515,.955);
405
         
405
         
406
         overflow: hidden;
406
         overflow: hidden;
407
-        transform-origin: center;
407
+        transform-origin: left;
408
         img {
408
         img {
409
           display: block;
409
           display: block;
410
           width: auto;
410
           width: auto;

+ 1
- 1
src/pages/product/index.html 查看文件

119
       <div class="wow fadeInUp Industrial" id="cyhl">
119
       <div class="wow fadeInUp Industrial" id="cyhl">
120
         <img class="wow fadeInUp lazy" data-wow-delay="0.2s" data-src="./static/images/product/Industrial1.png" data-srcM="./static/images/product/Industrial1m.png" alt="" />
120
         <img class="wow fadeInUp lazy" data-wow-delay="0.2s" data-src="./static/images/product/Industrial1.png" data-srcM="./static/images/product/Industrial1m.png" alt="" />
121
         <div>
121
         <div>
122
-          <img class="wow fadeInUp lazy" data-wow-delay="0.4s" data-src="./static/images/product/Industrial2.png" data-srcM="./static/images/product/Industrial2m.png" alt="" />
122
+          <img style="z-index: 2;" class="wow fadeInUp lazy" data-wow-delay="0.4s" data-src="./static/images/product/Industrial2.png" data-srcM="./static/images/product/Industrial2m.png" alt="" />
123
           <img class="wow fadeIn lazy" data-wow-delay="0.6s" data-src="./static/images/product/Industrial3.png" data-srcM="./static/images/product/Industrial3m.png" alt="" />
123
           <img class="wow fadeIn lazy" data-wow-delay="0.6s" data-src="./static/images/product/Industrial3.png" data-srcM="./static/images/product/Industrial3m.png" alt="" />
124
         </div>
124
         </div>
125
       </div>
125
       </div>

+ 1
- 0
src/pages/product/index.less 查看文件

231
         img{
231
         img{
232
           width: auto;
232
           width: auto;
233
           height: auto;
233
           height: auto;
234
+          max-width: 100%;
234
           max-height: 100%;
235
           max-height: 100%;
235
           position: absolute;
236
           position: absolute;
236
           left: 50%;
237
           left: 50%;

正在加载...
取消
保存