-更多模板期待您的探索-
@@ -70,11 +71,12 @@ onMounted(() => { .market { margin-top: 10px; - padding: 15px 15px 0; - border-radius: 10px; + padding: 10px 12px 0; + border-radius: 16px; background: #fff; .market_title { + margin-bottom: 5px; color: #000; font-size: 15px; } diff --git a/src/views/Home/components/Market/components/MarketItem.vue b/src/views/Home/components/Market/components/MarketItem.vue index 938ffe5..fe3ffaf 100644 --- a/src/views/Home/components/Market/components/MarketItem.vue +++ b/src/views/Home/components/Market/components/MarketItem.vue @@ -26,11 +26,12 @@ style="color: #c1c1c1" />创建人
{{ item.created_user }}
引用次数
{{ item.quote_nums }}
@@ -93,23 +94,36 @@ onMounted(() => { display: flex; flex-wrap: wrap; justify-content: space-between; + padding: 10px 0; } .market-item { //margin-right: 4%; + flex: 1; box-sizing: border-box; - width: 49%; - margin-bottom: 12px; - padding: 10px; - border-radius: 8px; - background: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + max-width: 50%; + margin-bottom: 5px; + margin-left: 7px; + padding: 15px 12px; + border: 1px solid #fff; + border-radius: 10px; + background: rgba(241, 241, 241, 0.39); - // 偶数项的 margin-right 设置为 0 - &:nth-child(even) { + &:nth-child(n-1) { + margin-right: 7px; + margin-left: 0; + } + + &:nth-child(2n) { margin-right: 0; } + //width: 49%; + //margin-bottom: 12px; + //padding: 10px; + //border-radius: 8px; + //background: #fff; + //box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); .content { .title { display: flex; @@ -137,6 +151,13 @@ onMounted(() => { color: #666; font-size: 12px; + .line { + width: 1px; + height: 20px; + background: #979797; + opacity: 0.1; + } + div p:last-child { color: #000; } diff --git a/src/views/Survey/Index.vue b/src/views/Survey/Index.vue index af21793..b737ff5 100644 --- a/src/views/Survey/Index.vue +++ b/src/views/Survey/Index.vue @@ -1,10 +1,10 @@