瀏覽代碼

style: 持仓份额、水印、登录页色彩动效

Ritchie 1 年之前
父節點
當前提交
06a94a11ed

+ 1 - 1
src/assets/language/zh.json

@@ -982,7 +982,7 @@
     "other": "海外/港澳台",
     "logonMode": "注册方式",
     "phoneLabel": "手机号码",
-    "phonePlaceholder": "请输入手机号码",
+    "phonePlaceholder": "请输入手机号码(同钉钉)",
     "phoneRequired": "请输入正确的手机号码",
     "emailWordSpan": "输入注册海外账户邮箱",
     "emailWordSpanChina": "输入注册时的国内邮箱",

+ 54 - 52
src/main.js

@@ -2,22 +2,22 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import App from './App.vue'
 import {
-  ActionBar,
-  ActionBarIcon,
-  ActionBarButton,
+  // ActionBar,
+  // ActionBarIcon,
+  // ActionBarButton,
   Divider,
   Popup,
   Overlay,
   Loading,
   Dialog,
-  ContactCard,
+  // ContactCard,
   Form,
-  AddressEdit,
-  AddressList,
+  // AddressEdit,
+  // AddressList,
   Field,
   CellGroup,
   Cell,
-  SwipeCell,
+  // SwipeCell,
   Icon,
   Stepper,
   Card,
@@ -25,54 +25,55 @@ import {
   CheckboxGroup,
   Button,
   Swipe,
-  SwipeItem,
-  PullRefresh,
+  // SwipeItem,
+  // PullRefresh,
   List,
   Tab,
   Tabs,
-  SubmitBar,
+  // SubmitBar,
   Toast,
-  Skeleton,
-  RadioGroup,
-  Radio,
+  // Skeleton,
+  // RadioGroup,
+  // Radio,
   NoticeBar,
   ActionSheet,
   Cascader,
   Col,
   Row,
-  Slider,
+  // Slider,
   DatePicker,
   Switch,
   Calendar,
   Picker,
   Uploader,
   Tag,
-  DropdownMenu,
-  DropdownItem,
-  Notify,
-  ConfigProvider,
+  // DropdownMenu,
+  // DropdownItem,
+  // Notify,
+  // ConfigProvider,
   NavBar,
   Area,
   Popover,
-  Collapse,
-  CollapseItem,
-  PickerGroup,
-  TimePicker,
+  // Collapse,
+  // CollapseItem,
+  // PickerGroup,
+  // TimePicker,
   BackTop,
-  Progress,
+  // Progress,
   Tabbar,
   TabbarItem,
   Search,
-  FloatingBubble,
+  // FloatingBubble,
   Grid,
-  GridItem,
+  // GridItem,
   CountDown,
   Space,
-  Rate,
+  // Rate,
   NumberKeyboard,
   Empty,
   Watermark,
   ImagePreview,
+  // Badge,
 } from "vant";
 import { Image as VanImage } from "vant";
 import store from "./store";
@@ -99,78 +100,79 @@ app.config.globalProperties.$filters = {
 };
 // Vant组件注册
 app
-  .use(ActionBarButton)
-  .use(ActionBarIcon)
-  .use(ActionBar)
+  // .use(ActionBarButton)
+  // .use(ActionBarIcon)
+  // .use(ActionBar)
   .use(Divider)
   .use(Popup)
   .use(Overlay)
   .use(Loading)
   .use(Dialog)
   .use(Toast)
-  .use(ContactCard)
+  // .use(ContactCard)
   .use(Form)
-  .use(AddressEdit)
-  .use(AddressList)
+  // .use(AddressEdit)
+  // .use(AddressList)
   .use(Field)
   .use(CellGroup)
   .use(Cell)
-  .use(SwipeCell)
+  // .use(SwipeCell)
   .use(Icon)
   .use(Stepper)
   .use(Card)
   .use(Button)
   .use(Swipe)
-  .use(SwipeItem)
-  .use(PullRefresh)
+  // .use(SwipeItem)
+  // .use(PullRefresh)
   .use(List)
   .use(Tab)
   .use(Tabs)
-  .use(SubmitBar)
+  // .use(SubmitBar)
   .use(Checkbox)
   .use(CheckboxGroup)
-  .use(Skeleton)
+  // .use(Skeleton)
   .use(VanImage)
-  .use(RadioGroup)
-  .use(Radio)
+  // .use(RadioGroup)
+  // .use(Radio)
   .use(NoticeBar)
   .use(ActionSheet)
   .use(Cascader)
   .use(Col)
   .use(Row)
-  .use(Slider)
+  // .use(Slider)
   .use(DatePicker)
   .use(Switch)
   .use(Calendar)
   .use(Picker)
   .use(Uploader)
   .use(Tag)
-  .use(DropdownMenu)
-  .use(DropdownItem)
-  .use(Notify)
-  .use(ConfigProvider)
+  // .use(DropdownMenu)
+  // .use(DropdownItem)
+  // .use(Notify)
+  // .use(ConfigProvider)
   .use(NavBar)
   .use(Area)
   .use(Popover)
-  .use(Collapse)
-  .use(CollapseItem)
-  .use(PickerGroup)
-  .use(TimePicker)
+  // .use(Collapse)
+  // .use(CollapseItem)
+  // .use(PickerGroup)
+  // .use(TimePicker)
   .use(BackTop)
-  .use(Progress)
+  // .use(Progress)
   .use(Tabbar)
   .use(TabbarItem)
   .use(Search)
-  .use(FloatingBubble)
-  .use(GridItem)
+  // .use(FloatingBubble)
+  // .use(GridItem)
   .use(Grid)
   .use(CountDown)
   .use(Space)
-  .use(Rate)
+  // .use(Rate)
   .use(NumberKeyboard)
   .use(Empty)
   .use(Watermark)
   .use(ImagePreview)
+  // .use(Badge)
 
 app.use(router);
 app.use(store);

+ 23 - 32
src/styles/login/index.less

@@ -36,41 +36,31 @@
     width: 100%;
 
     .loginTitle {
-      /* 设置渐变背景,颜色和方向可以根据需要调整 */
-      background: linear-gradient(to right, #f92626, #fcb212);
-      /* 文字颜色设置为透明,这样背景就能透过文字显示出来 */
-      color: transparent;
-      /* 确保渐变背景只应用在文本上 */
-      background-clip: text;
-      /* 某些浏览器可能需要添加前缀 */
-      -webkit-background-clip: text;
-      /* 文字不显示下划线 */
-      text-decoration: none;
-      /* 确保文本是单行的,不换行 */
-      white-space: nowrap;
-      /* 其他样式可以根据实际情况调整 */
       font-size: 20px;
-      font-weight: 600;
-      text-align: center;
-      line-height: 28px;
-      height: 28px;
+      /*初始颜色*/
+      color: #f35626;
+      /*渐变颜色*/
+      background-image: linear-gradient(92deg, #f35626 0%, #feab3a 100%);
+      /*填充文字*/
+      -webkit-background-clip: text;
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+      /*时间*/
+      animation: hue 10s infinite linear;
     }
 
-    // .loginTitle {
-    //     height: 28px;
-    //     overflow-wrap: break-word;
-    //     color: #404d74;
-    //     font-size: 20px;
-    //     font-family: PingFangSC-Medium;
-    //     text-align: center;
-    //     white-space: nowrap;
-    //     line-height: 28px;
-    //     display: block;
-    //     margin: 8px auto 0 auto;
-    //     font-weight: 600;
-    // }
+    @keyframes hue {
+      from {
+        filter: hue-rotate(0deg);
+      }
+
+      to {
+        filter: hue-rotate(-360deg);
+      }
+    }
   }
 
+
   .loginFormBox {
     width: 100%;
     margin-top: 38px;
@@ -147,7 +137,7 @@
         border-radius: 100%;
       }
 
-      .van-checkbox__icon--checked + .van-checkbox__label {
+      .van-checkbox__icon--checked+.van-checkbox__label {
         color: #ff3456;
       }
 
@@ -200,7 +190,8 @@
     }
   }
 }
+
 :root {
   --van-width: auto;
   --van-popover-action-width: var(--van-width);
-}
+}

+ 80 - 79
src/styles/position/index.less

@@ -5,10 +5,6 @@
   
     .listBox {
       width: 100%;
-      // height: calc(100vh - 100px);
-      // height: auto;
-      // overflow: auto;
-      // overflow-x: hidden;
   
       .positionBox1 {
         .searchRow {
@@ -63,87 +59,92 @@
           width: 100%;
           height: 2px;
         }
-  
-        .bd1 {
-          width: 100%;
-          // height: 108px;
-          background: url(../../assets/home/outer.png) no-repeat;
-          background-size: 100% 100%;
-          padding: 0.8rem 0.2rem;
-  
-          .box2 {
-            // width: 100%;
-            // height: 100%;
-  
-            .TextGroup {
-              height: 57px;
-              width: 48px;
-      
-              .main6 {
-                width: 48px;
+
+        .holdings {
+          /* 父元素宽度的10%作为左右边距 */
+          padding-left: 10%;
+          padding-right: 10%;
+
+          margin-left: 2%;
+          margin-right: 2%;
+
+          border: 2px solid transparent;
+          border-radius: 10px;  /* 设置圆角的半径 */
+          background-clip: padding-box, border-box;
+          background-origin: padding-box, border-box;
+          background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #f561a1, #ff9a5c);
+
+          padding: 0 10%; 
+          overflow: hidden;
+
+        }
+
+        /* 使用 /deep/ 或 ::v-deep 来确保样式穿透组件的作用域 */
+        .holdings ::v-deep .van-cell {
+          --van-cell-text-color: #f561a1; /* 覆盖文本颜色为蓝色 */
+        }
+
+        /* 如果您需要为值(value)设置不同的颜色,可以覆盖 van-cell__value 的颜色 */
+        .holdings ::v-deep .van-cell__value {
+          color: #f89947; /* 例如,设置为红色 */
+        }
+
+        .o-ptb-20 {
+          padding-top: 5px;
+          padding-bottom: 10px;
+
+          .bd1 {
+            width: 100%;
+            // height: 108px;
+            background: url(../../assets/home/outer.png) no-repeat;
+            background-size: 100% 100%;
+            padding: 0.6rem 0.2rem;
+    
+            .box2 {
+              // width: 100%;
+              // height: 100%;
+    
+              .TextGroup {
                 height: 57px;
-      
-                .word5 {
-                  height: 26px;
-                  overflow-wrap: break-word;
-                  color: #ff5d88;
-                  font-size: 22px;
-                  font-family: Helvetica;
-                  text-align: center;
-                  white-space: nowrap;
-                  line-height: 26px;
-                  display: block;
-                }
-      
-                .word6 {
-                  height: 17px;
-                  overflow-wrap: break-word;
-                  color: #39a6fe;
-                  font-size: 12px;
-                  text-align: center;
-                  white-space: nowrap;
-                  line-height: 17px;
-                  margin-top: 14px;
-                  display: block;
+                width: 48px;
+        
+                .main6 {
+                  width: 48px;
+                  height: 57px;
+        
+                  .word5 {
+                    height: 26px;
+                    overflow-wrap: break-word;
+                    color: #ff5d88;
+                    font-size: 22px;
+                    font-family: Helvetica;
+                    text-align: center;
+                    white-space: nowrap;
+                    line-height: 26px;
+                    display: block;
+                  }
+        
+                  .word6 {
+                    height: 17px;
+                    overflow-wrap: break-word;
+                    color: #39a6fe;
+                    font-size: 12px;
+                    text-align: center;
+                    white-space: nowrap;
+                    line-height: 17px;
+                    margin-top: 14px;
+                    display: block;
+                  }
+  
+                  .green-color {
+                    color: #2ce39d;
+                  }
                 }
               }
             }
-  
-            // .TextGroup4 {
-            //   height: 57px;
-            //   // width: 48px;
-  
-            //   .main6 {
-            //     width: 48px;
-            //     height: 57px;
-  
-            //     .word5 {
-            //       height: 26px;
-            //       overflow-wrap: break-word;
-            //       color: rgba(223, 94, 76, 1);
-            //       font-size: 22px;
-            //       font-family: Helvetica;
-            //       text-align: center;
-            //       white-space: nowrap;
-            //       line-height: 26px;
-            //       display: block;
-            //     }
-  
-            //     .word6 {
-            //       height: 17px;
-            //       overflow-wrap: break-word;
-            //       color: rgba(135, 135, 166, 1);
-            //       font-size: 12px;
-            //       text-align: center;
-            //       white-space: nowrap;
-            //       line-height: 17px;
-            //       margin-top: 14px;
-            //       display: block;
-            //     }
-            //   }
-            // }
           }
         }
+        
       }
   
       .positionBox2 {

+ 261 - 254
src/styles/user/index.less

@@ -1,276 +1,283 @@
 .userPage {
+  width: 100%;
+  background: url(../../assets/user/bg.png) top center no-repeat;
+  background-size: 100%;
+  // height: calc(100vh - 50px);
+  // padding-bottom: 50px;
+
+  .simple-header {
+    background: transparent;
+  }
+
+  .userPageBox {
+    height: 100%;
     width: 100%;
-    background: url(../../assets/user/bg.png) top center no-repeat;
-    background-size: 100%;
-    // height: calc(100vh - 50px);
-    // padding-bottom: 50px;
+    height: calc(100% - 50px);
+    padding-bottom: 10px;
+    overflow: auto;
+    overflow-x: hidden;
+  }
 
+  .userBaseBox {
+    width: 100%;
+  }
 
-    .simple-header {
-        background: transparent;
+  .baseRow {
+    width: 100%;
+    height: 20px;
+    margin-left: 15px;
+    margin-top: 5px;
+    justify-content: flex-start;
+
+    .group2 {
+      background-color: #ff3456;
+      border-radius: 2px;
+      width: 4px;
+      height: 16px;
+      margin-top: 4px;
     }
 
-    .userPageBox {
-        height: 100%;
-        width: 100%;
-        height: calc(100% - 50px);
-        padding-bottom: 10px;
-        overflow: auto;
-        overflow-x: hidden;
+    .baseText {
+      width: 150px;
+      height: 20px;
+      margin-top: 2px;
+      overflow-wrap: break-word;
+      color: rgba(64, 77, 116, 1);
+      font-size: 14px;
+      font-family: PingFangSC-Medium;
+      text-align: left;
+      white-space: nowrap;
+      line-height: 20px;
+      display: block;
+      margin-left: 15px;
     }
-
-    .userBaseBox {
-        width: 100%;
+  }
+
+  .userMessage {
+    text-align: center;
+    width: 80%;
+    margin: 0 auto;
+    margin-top: 30px;
+    line-height: 1.7;
+
+    .userText {
+      font-size: 14px;
+      font-family: PingFangSC-Medium;
+      margin: 0;
     }
 
-    .baseRow {
-        width: 100%;
-        height: 20px;
-        margin-left: 15px;
-        margin-top: 5px;
-        justify-content: flex-start;
-
-        .group2 {
-            background-color: #FF3456;
-            border-radius: 2px;
-            width: 4px;
-            height: 16px;
-            margin-top: 4px;
+    .userLine {
+      width: 1px;
+      height: 3.5em;
+      font-size: 14px;
+      background: #e7eaf7;
+    }
+  }
+
+  .userInfoBox {
+    // margin-top: 25px;
+    padding: 0px 15px 20px;
+
+    .userInfo {
+      // width: 87%;
+      margin: 0 auto;
+      justify-content: flex-start;
+      margin-top: 20px;
+      position: relative;
+
+      .l-eye {
+        position: absolute;
+        right: 0;
+        font-size: 18px;
+        color: #ff3456;
+      }
+
+      .filedInpPad {
+        .van-cell {
+          padding: 0 !important;
+        }
+      }
+
+      .editIcon {
+        position: absolute;
+        right: 0;
+        font-size: 18px;
+        color: #ff3456;
+      }
+
+      .userInfoLeft {
+        width: 76px;
+      }
+
+      .relationClass {
+        .van-field__control {
+          height: 38px;
+          line-height: 38px;
+          padding: 6px;
+          border-radius: 2px;
+          background: #fff;
+          border: 1px solid #dddde8;
+          width: 62%;
         }
 
-        .baseText {
-            width: 150px;
-            height: 20px;
-            margin-top: 2px;
-            overflow-wrap: break-word;
-            color: rgba(64, 77, 116, 1);
-            font-size: 14px;
-            font-family: PingFangSC-Medium;
-            text-align: left;
-            white-space: nowrap;
-            line-height: 20px;
-            display: block;
-            margin-left: 15px;
+        .van-field__button {
+          // background-color: #FF3456;
+          background-color: #fa6f86;
+          color: #fff;
+          padding: 0 1em;
+          margin-left: 10px;
+          border-radius: 0.2em;
         }
+      }
     }
+  }
 
-    .userMessage {
-        text-align: center;
-        width: 80%;
-        margin: 0 auto;
-        margin-top: 30px;
-        line-height: 1.7;
-
-        .userText {
-            font-size: 14px;
-            font-family: PingFangSC-Medium;
-            margin: 0;
-        }
+  .van-cell {
+    background: none;
+  }
 
-        .userLine {
-            width: 1px;
-            height: 3.5em;
-            font-size: 14px;
-            background: #e7eaf7;
-        }
-    }
+  .lineBox {
+    width: 100%;
+    height: 15px;
+    background-color: #f6f7fc;
+  }
 
-    .userInfoBox {
-        // margin-top: 25px;
-        padding: 0px 15px 20px;
-
-        .userInfo {
-            // width: 87%;
-            margin: 0 auto;
-            justify-content: flex-start;
-            margin-top: 20px;
-            position: relative;
-
-            .l-eye {
-                position: absolute;
-                right: 0;
-                font-size: 18px;
-                color: #FF3456;
-            }   
-
-            .filedInpPad {
-                .van-cell {
-                    padding: 0 !important;
-                }
-            }
-
-            .editIcon {
-                position: absolute;
-                right: 0;
-                font-size: 18px;
-                color: #FF3456;
-            }
-
-            .userInfoLeft {
-                width: 76px;
-            }
-
-            .relationClass {
-                .van-field__control {
-                    height: 38px;
-                    line-height: 38px;
-                    padding: 6px;
-                    border-radius: 2px;
-                    background: #fff;
-                    border: 1px solid #dddde8;
-                    width: 62%;
-                }
-
-                .van-field__button {
-                    // background-color: #FF3456;
-                    background-color: #FA6F86;
-                    color: #fff;
-                    padding: 0 1em;
-                    margin-left: 10px;
-                    border-radius: 0.2em;
-                }
-            }
-        }
-    }
+  .commonOperBox {
+    width: 100%;
+    background: #fff;
 
-    .van-cell {
-        background: none;
-    }
+    .operListBox {
+      margin-top: 20px;
 
-    .lineBox {
+      .taskListRow {
         width: 100%;
-        height: 15px;
-        background-color: #f6f7fc;
-    }
+        height: 53px;
+        flex-wrap: wrap;
+
+        .taskIcon {
+          width: 13%;
+          height: 100%;
+          position: relative;
+
+          &.sysManageIcon::after {
+            content: "";
+            position: absolute;
+            background: #fff url("../../assets/user/sysManageIcon.png") top
+              center no-repeat;
+            background-size: 100%;
+            width: 0.55rem;
+            height: 0.55rem;
+            right: 0.2rem;
+            top: 0.4rem;
+          }
+
+          &.announcementIcon::after {
+            content: "";
+            position: absolute;
+            background: #fff url("../../assets/user/announcementIcon.png") top
+              center no-repeat;
+            background-size: 100%;
+            width: 0.55rem;
+            height: 0.55rem;
+            right: 0.2rem;
+            top: 0.4rem;
+          }
+
+          &.buyConfIcon::after {
+            content: "";
+            position: absolute;
+            background: #fff url("../../assets/user/payerIcon.png") top center
+              no-repeat;
+            background-size: 100%;
+            width: 0.55rem;
+            height: 0.55rem;
+            right: 0.2rem;
+            top: 0.4rem;
+          }
+
+          &.sellConfIcon::after {
+            content: "";
+            position: absolute;
+            background: #fff url("../../assets/user/payeeIcon.png") top center
+              no-repeat;
+            background-size: 100%;
+            width: 0.55rem;
+            height: 0.55rem;
+            right: 0.2rem;
+            top: 0.4rem;
+          }
+
+          &.changePasswordIcon::after {
+            content: "";
+            position: absolute;
+            background: #fff url("../../assets/user/changePasswordIcon.png") top
+              center no-repeat;
+            background-size: 100%;
+            width: 0.55rem;
+            height: 0.55rem;
+            right: 0.2rem;
+            top: 0.4rem;
+          }
+
+          &.selfPayIcon::after {
+            content: "";
+            position: absolute;
+            background: #fff url("../../assets/user/self.png") top center
+              no-repeat;
+            background-size: 100%;
+            width: 0.55rem;
+            height: 0.55rem;
+            right: 0.2rem;
+            top: 0.4rem;
+          }
+
+          &.feedbackIcon::after {
+            content: "";
+            position: absolute;
+            background: #fff url("../../assets/user/feedback.png") top center
+              no-repeat;
+            background-size: 100%;
+            width: 0.55rem;
+            height: 0.55rem;
+            right: 0.2rem;
+            top: 0.4rem;
+          }
+
+          &.logoutIcon::after {
+            content: "";
+            position: absolute;
+            background: #fff url("../../assets/user/logoutIcon.png") top center
+              no-repeat;
+            background-size: 100%;
+            width: 0.55rem;
+            height: 0.55rem;
+            right: 0.2rem;
+            top: 0.4rem;
+          }
+        }
 
-    .commonOperBox {
-        width: 100%;
-        background: #fff;
-
-        .operListBox {
-            margin-top: 20px;
-
-            .taskListRow {
-                width: 100%;
-                height: 53px;
-                flex-wrap: wrap;
-
-                .taskIcon {
-                    width: 13%;
-                    height: 100%;
-                    position: relative;
-
-                    &.sysManageIcon::after {
-                        content: "";
-                        position: absolute;
-                        background: #fff url("../../assets/user/sysManageIcon.png") top center no-repeat;
-                        background-size: 100%;
-                        width: 0.55rem;
-                        height: 0.55rem;
-                        right: 0.2rem;
-                        top: 0.4rem;
-                    }
-
-                    &.announcementIcon::after {
-                        content: "";
-                        position: absolute;
-                        background: #fff url("../../assets/user/announcementIcon.png") top center no-repeat;
-                        background-size: 100%;
-                        width: 0.55rem;
-                        height: 0.55rem;
-                        right: 0.2rem;
-                        top: 0.4rem;
-                    }
-
-                    &.buyConfIcon::after {
-                        content: "";
-                        position: absolute;
-                        background: #fff url("../../assets/user/payerIcon.png") top center no-repeat;
-                        background-size: 100%;
-                        width: 0.55rem;
-                        height: 0.55rem;
-                        right: 0.2rem;
-                        top: 0.4rem;
-                    }
-                    
-                    &.sellConfIcon::after {
-                        content: "";
-                        position: absolute;
-                        background: #fff url("../../assets/user/payeeIcon.png") top center no-repeat;
-                        background-size: 100%;
-                        width: 0.55rem;
-                        height: 0.55rem;
-                        right: 0.2rem;
-                        top: 0.4rem;
-                    }
-
-                    &.changePasswordIcon::after {
-                        content: "";
-                        position: absolute;
-                        background: #fff url("../../assets/user/changePasswordIcon.png") top center no-repeat;
-                        background-size: 100%;
-                        width: 0.55rem;
-                        height: 0.55rem;
-                        right: 0.2rem;
-                        top: 0.4rem;
-                    }
-
-                    &.selfPayIcon::after {
-                        content: "";
-                        position: absolute;
-                        background: #fff url("../../assets/user/self.png") top center no-repeat;
-                        background-size: 100%;
-                        width: 0.55rem;
-                        height: 0.55rem;
-                        right: 0.2rem;
-                        top: 0.4rem;
-                    }
-
-                    &.feedbackIcon::after {
-                        content: "";
-                        position: absolute;
-                        background: #fff url("../../assets/user/feedback.png") top center no-repeat;
-                        background-size: 100%;
-                        width: 0.55rem;
-                        height: 0.55rem;
-                        right: 0.2rem;
-                        top: 0.4rem;
-                    }
-
-                    &.logoutIcon::after {
-                        content: "";
-                        position: absolute;
-                        background: #fff url("../../assets/user/logoutIcon.png") top center no-repeat;
-                        background-size: 100%;
-                        width: 0.55rem;
-                        height: 0.55rem;
-                        right: 0.2rem;
-                        top: 0.4rem;
-                    }
-                }
-
-                .taskRight {
-                    width: 87%;
-                    height: 100%;
-                    position: relative;
-                    border-bottom: 1px solid #e7eaf7;
-
-                    &::after {
-                        content: "";
-                        position: absolute;
-                        width: 6px;
-                        height: 12px;
-                        background: url('../../assets/right.png') top center no-repeat;
-                        background-size: 100%;
-                        right: 0.55rem;
-                        top: 0.5rem;
-                    }
-
-                    .taskTitle {
-                        line-height: 53px;
-                    }
-                }
-            }
+        .taskRight {
+          width: 87%;
+          height: 100%;
+          position: relative;
+          border-bottom: 1px solid #e7eaf7;
+
+          &::after {
+            content: "";
+            position: absolute;
+            width: 6px;
+            height: 12px;
+            background: url("../../assets/right.png") top center no-repeat;
+            background-size: 100%;
+            right: 0.55rem;
+            top: 0.5rem;
+          }
+
+          .taskTitle {
+            line-height: 53px;
+          }
         }
+      }
     }
-}
+  }
+}

+ 1 - 1
src/views/home/HomeIndex.vue

@@ -106,7 +106,7 @@
     </kDialog>
 
     <!-- 水印 -->
-    <van-watermark :content="watermarkVal" opacity="0.3" :gap-x="70" :gap-y="50" :height="50" rotate="2" />
+    <van-watermark :content="watermarkVal" opacity="0.2" :gap-x="70" :gap-y="50" :height="50" rotate="-22" />
 
 
     <van-number-keyboard safe-area-inset-bottom />

+ 0 - 1
src/views/login/LoginIndex.vue

@@ -4,7 +4,6 @@
     <s-header :name="sys ? sys.title : $t('public.sysName')" :noback="true"></s-header>
     <div class="loginLogoBox l-re">
       <div class="loginLogo"></div>
-
     </div>
     <div class="loginTitleBox l-flex-center">
       <span class="loginTitle">{{ $t("login.title") }}</span>

+ 19 - 17
src/views/position/PositionIndex.vue

@@ -18,35 +18,35 @@
                         </div>
                     </div>
                     <img class="pic1" src="../../assets/device/line.png" />
-                    <!-- 股价/盈亏 -->
-                    <div class="o-plr-15 o-ptb-20">
+                    <!-- 持仓份额 -->
+                    <div class="holdings flex-col">
+                        <van-cell-group inset>
+                            <van-cell title="持仓份额" :value="stockNum" />
+                        </van-cell-group>
+                    </div>
+                    <!-- 盈亏 -->
+                    <div class="o-ptb-20">
                         <div class="bd1 flex-col">
                             <div class="box2 l-f l-flex-c l-flex-j-a">
-
                                 <!-- <div class="TextGroup flex-col">
                                     <div class="main6 flex-col justify-between align-center">
-                                        <span class="word5">{{ twoNumber(currentPrice) }}</span>
-                                        <span class="word6">当前股价¥</span>
-                                    </div>
-                                </div> -->
-
-                                <div class="TextGroup flex-col">
-                                    <div class="main6 flex-col justify-between align-center">
                                         <span class="word5">{{ stockNum }}</span>
                                         <span class="word6">持仓份额</span>
                                     </div>
-                                </div>
+                                </div> -->
 
                                 <div class="TextGroup flex-col">
                                     <div class="main6 flex-col justify-between align-center">
-                                        <span class="word5">{{ twoNumber(dailyDiff) }}</span>
+                                        <span :class="{ 'word5': true, 'green-color': isNegative(dailyDiff) }">{{
+                                            twoNumber(dailyDiff) }}</span>
                                         <span class="word6">当日盈亏¥</span>
                                     </div>
                                 </div>
 
                                 <div class="TextGroup flex-col">
                                     <div class="main6 flex-col justify-between align-center">
-                                        <span class="word5">{{ twoNumber(totalDiff) }}</span>
+                                        <span :class="{ 'word5': true, 'green-color': isNegative(totalDiff) }">{{
+                                            twoNumber(totalDiff) }}</span>
                                         <span class="word6">总盈亏¥</span>
                                     </div>
                                 </div>
@@ -229,10 +229,10 @@ onMounted(() => {
     init();
 });
 
-const buyPrice = ref()
-const currentPrice = ref()
-const dailyDiff = ref()
-const totalDiff = ref()
+const buyPrice = ref(0)
+const currentPrice = ref(0)
+const dailyDiff = ref(0)
+const totalDiff = ref(0)
 
 const getMyStockFunc = async () => {
     const { data } = await getMyStock();
@@ -245,6 +245,8 @@ const getMyStockFunc = async () => {
     }
 }
 
+const isNegative = (val) => val < 0;
+
 const searchRef = ref(null);
 
 // 搜索点击

+ 8 - 2
src/views/user/UserIndex.vue

@@ -43,7 +43,7 @@
             <div>
               <van-field class="relationClass" v-model="cofficentForm.phone" :placeholder="$t('user.phoneNumberPlace')">
                 <template #button>
-                  <van-button type="primary" @click="mailboxChg(cofficentForm.phone, 1)" size="small" disabled >确定
+                  <van-button type="primary" @click="mailboxChg(cofficentForm.phone, 1)" size="small" disabled>确定
                   </van-button>
                 </template>
               </van-field>
@@ -129,6 +129,10 @@
                 卖出收款确认
               </div>
             </div>
+            <!-- 徽标小红点提醒 -->
+            <!-- <van-badge :dot = ifDot position="bottom-left">
+              <div class="child"></div>
+            </van-badge> -->
           </div>
 
           <!-- 首页通知 -->
@@ -433,6 +437,7 @@ export default {
       }
     }
 
+    // const ifDot = ref(false)
 
 
     onMounted(() => {
@@ -468,7 +473,8 @@ export default {
       eyeOpen,
       cardNo,
       isAdmin,
-      stockShares
+      stockShares,
+      // ifDot,
     };
   }
 };