查单

username@email.com

2024-09-09 626943b5ba84ce44bc19f4c3b8e8e94638bec733

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<template>
 
    <view class="coreshop-padding-10 coreshop-margin-10 coreshop-bg-white coreshop-border-radius-trbl-18" v-if="count">
        <u-toast ref="uToast" />
        <view class="coreshop-flex coreshop-align-center coreshop-flex-direction-row coreshop-justify-between coreshop-min-height-30">
            <view class="coreshop-font-16 coreshop-text-black coreshop-font-weight-bold">{{title}}</view>
            <u-icon name="arrow-right-double" size="12" label="查看更多" labelSize="12" labelPos="left" @click="articleDetail(id)"></u-icon>
        </view>
        <view class="coreshop-divider">
            <view class="complete"></view>
        </view>
        <view class="coreshop-margin-bottom-10 coreshop-bg-main coreshop-text-black coreshop-index-article">
            <view class='coreshop-cell-item'>
                <view class="coreshop-cell-item-bd">
                    <view class="article-des u-line-5">
                        {{ brief }}
                    </view>
                </view>
                <view class="cell-title-img">
                    <image :src="coverImage" mode="aspectFill" class="coverImage"></image>
                </view>
            </view>
        </view>
    </view>
</template>
 
<script>
    export default {
        name: "coreshopArticle",
        props: {
            coreshopData: {
                // type: Array,
                required: true,
            }
        },
        data() {
            return {
                title: "",
                brief: "",
                coverImage: "",
                id: 0
            }
        },
        created() {
            if (this.coreshopData.parameters.list.length > 0) {
                this.title = this.coreshopData.parameters.list[0].title;
                this.brief = this.coreshopData.parameters.list[0].brief;
                this.coverImage = this.coreshopData.parameters.list[0].coverImage;
                this.id = this.coreshopData.parameters.list[0].id;
            }
        },
        computed: {
            count() {
                return (this.coreshopData.parameters.list.length > 0)
            }
        },
        methods: {
            // 查看文章详情
            articleDetail(articleId) {
                this.$u.route('/pages/article/details/details?id=' + articleId + '&idType=1')
            }
        }
    }
</script>
 
<style scoped lang="scss">
    .coreshop-index-article { background: #FFFFFF !important; color: #333333 !important; overflow: hidden;
        .coreshop-cell-item { padding: 5px 0px 5px 0; float: left; width: 100%; border-bottom: 1px solid #f3f3f3;
            .coreshop-cell-item-bd { float: left; width: calc(100% - 100px);
                .article-des { font-size: 14px; color: #999; overflow: hidden; float: left; line-height: 20px; }
            }
            .cell-title-img { width: 80px; height: 80px; float: right;
                .coverImage { width: 80px; height: 80px; border-radius: 2px; }
            }
        }
    }
</style>