From f7a99184725f7ea0884cf478f169aad4e5b6583c Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Sun, 13 Jul 2025 18:27:57 +0800
Subject: [PATCH] 1
---
src/page/watchlists/watchlists.vue | 99 ++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 97 insertions(+), 2 deletions(-)
diff --git a/src/page/watchlists/watchlists.vue b/src/page/watchlists/watchlists.vue
index 6673796..ea3f028 100644
--- a/src/page/watchlists/watchlists.vue
+++ b/src/page/watchlists/watchlists.vue
@@ -1,30 +1,125 @@
<template>
<div class="watchlists">
<tab-head></tab-head>
+
+ <div class="swiper">
+ <div class="swiper-wrapper flex-start">
+ <div class="swiper-slide">
+ <index-component :ids="'watchlists1'"></index-component>
+ </div>
+ <div class="swiper-slide">
+ <index-component :ids="'watchlists2'"></index-component>
+ </div>
+ <div class="swiper-slide">
+ <index-component :ids="'watchlists3'"></index-component>
+ </div>
+ </div>
+ </div>
+
+ <div class="division"></div>
+
+ <div class="subheading">
+ <div class="subheading_title flex-start">
+ <img src="../../assets/img/shortcut.png" alt="">
+ <span style="flex:1">{{ $t('hj61') }}</span>
+ <span class="edit" @click="onEdit">{{ editorShow ? $t('完成') : $t('编辑') }}</span>
+ </div>
+
+ <stock-list ref="stockList"></stock-list>
+ </div>
</div>
</template>
<script>
import tabHead from "@/components/tabHead.vue";
+import indexComponent from "@/components/index-component.vue";
+import stockList from "@/components/stock-list.vue";
export default {
name: 'watchlists',
components: {
- tabHead
+ tabHead, indexComponent, stockList
+ },
+ computed: {
},
data() {
return {
- msg: 'watchlists'
+ msg: 'watchlists',
+ editorShow: false,
+ }
+ },
+ methods: {
+ onEdit() {
+ this.$refs.stockList.onEdit()
+ this.editorShow = !this.editorShow
}
}
}
</script>
<style lang="less" scoped>
+@green: #c4d600;
+
.watchlists {
font-size: 10vw;
width: 100vw;
min-height: 100vh;
padding-bottom: 1.5rem;
+ .subheading {
+ padding-bottom: .25em;
+
+ .subheading_title {
+ display: flex;
+ align-items: center;
+ padding: .35em .25em .35em .25em;
+
+ .edit {
+ color: @green;
+ }
+
+ img {
+ width: .5em;
+ height: .5em;
+ margin-right: .25em;
+ }
+
+ span {
+ font-size: .5em;
+ line-height: .5em;
+ font-weight: 500;
+ }
+ }
+ }
+
+ .division {
+ width: 100%;
+ height: .25em;
+ background-color: #f5f5f5;
+ }
+
+ .swiper {
+ width: 10em;
+ overflow-x: auto;
+ padding-bottom: .25em;
+
+ &::-webkit-scrollbar {
+ display: none;
+ }
+
+ .swiper-wrapper {
+ width: 14.5em;
+ margin-top: .4em;
+ padding-left: .25em;
+
+ .swiper-slide {
+ margin-right: .25em;
+ width: 4.5em;
+ height: 3.2em;
+ background-color: rgba(red, .1);
+ border-radius: .1em;
+ }
+ }
+ }
+
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3