Merge branch 'web-0601' of https://git.openi.org.cn/OpenI/aiforge into web-0601

custom/public/rotation3D/rotation3D.css

@@ -30,10 +30,13 @@
 .rotation3D__item .cont .iconfont { font-size: 28px; margin-top: 30px; margin-bottom: 96px; display: block; }
 .rotation3D__item .cont p{ color: #101010; }
 .itemList .rotation3D__item .cont p::after{
+    font-size: 12px;
     content: '';
     position: absolute;
     left: 0;
     right: 0;
+    margin-top: 60px;
+    color: #888;
 }
 .itemList .rotation3D__item:nth-child(1) .cont p::after{
     content: "鹏城云脑一号";
@@ -124,8 +127,8 @@
     offset-path: path("M20 0 S 40 200, 20 400"); offset-distance: 0%;
 }
 @keyframes svg-path-animation {
-    from {offset-distance: 0%;}
-    to {offset-distance: 100%;}
+    from {offset-distance: 100%;}
+    to {offset-distance: 0%;}
 }
 .dot4 > span{
     position: absolute;

templates/home.tmpl

@@ -29,11 +29,9 @@
                         <div class="rotation3D__line" v-for="item in itemList" :class="item.type">
                             <div v-if="item.type=='blue'" class="pos">
                                 <svg width="50" height="400">
-                                    <path id="path3" d="M20 400 S 0 200, 20 0" stroke-dasharray="5,10"/>
-                                    <path id="path4" d="M20 400 S 40 200, 20 0" stroke-dasharray="5,10"/>
+                                    <path id="path1" d="M0 400, 0 0" stroke-dasharray="5,10"/>
                                 </svg>
-								<div class="dot dot3 ri-arrow-right-s-line"></div>
-                                <div class="dot dot4 ri-arrow-right-s-line"><span>调试任务 #31412022050816002</span></div>
+								<div class="dot dot1 ri-arrow-right-s-line"><span>调试任务 #31412022050816002</span></div>
                             </div>
                             <div v-if="item.type=='yellow'" class="pos">
                                 <svg width="10" height="400">
@@ -41,13 +39,11 @@
                                 </svg>
                                 <div class="dot dot2"><i class="el-icon-close"></i></div>
                             </div>
-                            <div v-if="item.type=='green'" class="pos" style="left: -16px;">
+                            <div v-if="item.type=='green'" class="pos">
                                 <svg width="50" height="400">
-                                    <path id="path3" d="M20 400 S 0 200, 20 0" stroke-dasharray="5,10"/>
-                                    <path id="path4" d="M20 400 S 40 200, 20 0" stroke-dasharray="5,10"/>
+                                    <path id="path1" d="M0 400, 0 0" stroke-dasharray="5,10"/>
                                 </svg>
-                                <div class="dot dot3 ri-arrow-right-s-line"></div>
-                                <div class="dot dot4 ri-arrow-right-s-line"></div>
+                                <div class="dot dot1 ri-arrow-right-s-line"></div>
                             </div>
                         </div>
                     </div>