1

PC-20250623MANY\Administrator

2025-07-16 61944978f51ca99a001162ac1ff3d32dcd5315ed

 src/page/watchlists/watchlists.vue

@@ -4,14 +4,8 @@

        <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 class="swiper-slide" v-for="i in usDataStockBeans" :key="i.id">
          <index-component :ids="'c' + i.id" :dataObj="i"></index-component>
                </div>
            </div>
        </div>
@@ -20,12 +14,18 @@

        <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>
        <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>
      <stock-list
        ref="stockList"
        :listApi="listApi"
        :editorShow.sync="editorShow"
      ></stock-list>
        </div>
    </div>
</template>
@@ -34,26 +34,45 @@
import tabHead from "@/components/tabHead.vue";
import indexComponent from "@/components/index-component.vue";
import stockList from "@/components/stock-list.vue";
import * as api from "@/axios/api";
export default {
    name: 'watchlists',
  name: "watchlists",
    components: {
        tabHead, indexComponent, stockList
    tabHead,
    indexComponent,
    stockList
    },
    computed: {
    },
  computed: {},
    data() {
        return {
            msg: 'watchlists',
      msg: "watchlists",
            editorShow: false,
        }
      usDataStockBeans: [],
      listApi: api.getMyList
    };
  },
  created() {
    this.getData();
    },
    methods: {
        onEdit() {
            this.$refs.stockList.onEdit()
            this.editorShow = !this.editorShow
    //   this.$refs.stockList.onEdit();
      this.editorShow = !this.editorShow;
    },

    // 获取首页数据
    async getData() {
      let data = await api.getHomePageData();

      console.log(data.data.usDataStockBeans, "djwkaldjwaldkj");

      this.usDataStockBeans = data.data.usDataStockBeans.map(item => {
        item.kData = item.kdata;
        return item;
      });
        }
    }
}
};
</script>

<style lang="less" scoped>
@@ -66,26 +85,26 @@
    padding-bottom: 1.5rem;

    .subheading {
        padding-bottom: .25em;
    padding-bottom: 0.25em;

        .subheading_title {
            display: flex;
            align-items: center;
            padding: .35em .25em .35em .25em;
      padding: 0.35em 0.25em 0.35em 0.25em;

            .edit {
                color: @green;
            }

            img {
                width: .5em;
                height: .5em;
                margin-right: .25em;
        width: 0.5em;
        height: 0.5em;
        margin-right: 0.25em;
            }

            span {
                font-size: .5em;
                line-height: .5em;
        font-size: 0.5em;
        line-height: 0.5em;
                font-weight: 500;
            }
        }
@@ -93,14 +112,14 @@

    .division {
        width: 100%;
        height: .25em;
    height: 0.25em;
        background-color: #f5f5f5;
    }

    .swiper {
        width: 10em;
        overflow-x: auto;
        padding-bottom: .25em;
    padding-bottom: 0.25em;

        &::-webkit-scrollbar {
            display: none;
@@ -108,18 +127,17 @@

        .swiper-wrapper {
            width: 14.5em;
            margin-top: .4em;
            padding-left: .25em;
      margin-top: 0.4em;
      padding-left: 0.25em;

            .swiper-slide {
                margin-right: .25em;
        margin-right: 0.25em;
                width: 4.5em;
                height: 3.2em;
                background-color: rgba(red, .1);
                border-radius: .1em;
        background-color: rgba(red, 0.1);
        border-radius: 0.1em;
            }
        }
    }

}
</style>