app添加工作经历开发

components/md-render/md-render.vue

@@ -263,15 +263,43 @@ ol {
 <style lang="stylus">
 .custom-more{
     display: flex
-    justify-content: flex-end
-    color: #256BFA
-    padding-top: 5rpx
-    padding-bottom: 14rpx
+    justify-content: center
+    align-items: center
+    color: #FFFFFF
+    background: linear-gradient(135deg, #256BFA 0%, #9E74FD 100%)
+    border-radius: 50rpx
+    padding: 20rpx 32rpx
+    margin: 20rpx 0
+    font-size: 28rpx
+    font-weight: 600
+    box-shadow: 0rpx 8rpx 24rpx rgba(37, 107, 250, 0.3)
+    transition: all 0.3s ease
+    position: relative
+    overflow: hidden
     .more-icon{
-        width: 60rpx;
-        height: 40rpx;
+        width: 32rpx;
+        height: 32rpx;
         background: url('@/static/svg/seemore.svg') center center no-repeat;
         background-size: 100% 100%
+        margin-left: 12rpx
+        filter: brightness(0) invert(1)
+    }
+    &::before {
+        content: ''
+        position: absolute
+        top: 0
+        left: -100%
+        width: 100%
+        height: 100%
+        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent)
+        transition: left 0.5s ease
+    }
+    &:active {
+        transform: translateY(2rpx)
+        box-shadow: 0rpx 4rpx 16rpx rgba(37, 107, 250, 0.4)
+    }
+    &:active::before {
+        left: 100%
     }
 }
 .custom-card