|
@@ -1,16 +1,16 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="md:flex">
|
|
|
|
|
|
|
+ <div class="md:flex x-scroll myGrowCard" style="overflow: auto">
|
|
|
<template v-for="(item, index) in list" :key="item.title">
|
|
<template v-for="(item, index) in list" :key="item.title">
|
|
|
<Card
|
|
<Card
|
|
|
size="small"
|
|
size="small"
|
|
|
- :loading="loading"
|
|
|
|
|
:title="item.nameCn"
|
|
:title="item.nameCn"
|
|
|
class="md:w-1/4 w-full !md:mt-0 !mt-4"
|
|
class="md:w-1/4 w-full !md:mt-0 !mt-4"
|
|
|
:class="[index != list.length && '!md:mr-4']"
|
|
:class="[index != list.length && '!md:mr-4']"
|
|
|
|
|
+ style="min-width: 160px"
|
|
|
:canExpan="false"
|
|
:canExpan="false"
|
|
|
>
|
|
>
|
|
|
<div class="py-4 px-4 flex justify-between">
|
|
<div class="py-4 px-4 flex justify-between">
|
|
|
- <div class="" v-if="item.score == '暂无评分' || item.score == 0">无</div>
|
|
|
|
|
|
|
+ <div class="" v-if="!item.score">无</div>
|
|
|
<CountTo v-else prefix="分" :startVal="1" :endVal="item.score" class="text-2xl" />
|
|
<CountTo v-else prefix="分" :startVal="1" :endVal="item.score" class="text-2xl" />
|
|
|
</div>
|
|
</div>
|
|
|
</Card>
|
|
</Card>
|
|
@@ -33,3 +33,11 @@
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
</script>
|
|
</script>
|
|
|
|
|
+<style lang="less" scoped>
|
|
|
|
|
+ .myGrowCard::-webkit-scrollbar {
|
|
|
|
|
+ // display: none;
|
|
|
|
|
+ }
|
|
|
|
|
+ .myGrowCard {
|
|
|
|
|
+ padding-bottom: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+</style>
|
