|
@@ -1,178 +0,0 @@
|
|
-<template>
|
|
|
|
- <view class="recommend">
|
|
|
|
- <view class="search-item">
|
|
|
|
- <u-search :showAction="true" actionText="取消" />
|
|
|
|
- </view>
|
|
|
|
- <view class="hot">
|
|
|
|
- <Image src="https://cdn.uviewui.com/uview/album/1.jpg"></Image>
|
|
|
|
- <view>
|
|
|
|
- <view class="item-text">途虎养车洗车机(贵州省贵阳市云岩区)</view>
|
|
|
|
- <view class="item-flex">
|
|
|
|
- <view class="star">
|
|
|
|
- <u-rate :count="count" v-model="value" />
|
|
|
|
- <text class="line">|</text>
|
|
|
|
- </view>
|
|
|
|
- <view>989单</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="address-flex">
|
|
|
|
- <view>宝安中心区美容洗车</view>
|
|
|
|
- <view>2.7km</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="hot">
|
|
|
|
- <Image src="https://cdn.uviewui.com/uview/album/2.jpg"></Image>
|
|
|
|
- <view>
|
|
|
|
- <view class="item-text">途虎养车洗车机(贵州省贵阳市云岩区)</view>
|
|
|
|
- <view class="item-flex">
|
|
|
|
- <view class="star">
|
|
|
|
- <u-rate :count="count" v-model="value" />
|
|
|
|
- <text class="line">|</text>
|
|
|
|
- </view>
|
|
|
|
- <view>989单</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="address-flex">
|
|
|
|
- <view>宝安中心区美容洗车</view>
|
|
|
|
- <view>2.7km</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="hot">
|
|
|
|
- <Image src="https://cdn.uviewui.com/uview/album/3.jpg"></Image>
|
|
|
|
- <view>
|
|
|
|
- <view class="item-text">途虎养车洗车机(贵州省贵阳市云岩区)</view>
|
|
|
|
- <view class="item-flex">
|
|
|
|
- <view class="star">
|
|
|
|
- <u-rate :count="count" v-model="value" />
|
|
|
|
- <text class="line">|</text>
|
|
|
|
- </view>
|
|
|
|
- <view>989单</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="address-flex">
|
|
|
|
- <view>宝安中心区美容洗车</view>
|
|
|
|
- <view>2.7km</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="hot">
|
|
|
|
- <Image src="https://cdn.uviewui.com/uview/album/1.jpg"></Image>
|
|
|
|
- <view>
|
|
|
|
- <view class="item-text">途虎养车洗车机(贵州省贵阳市云岩区)</view>
|
|
|
|
- <view class="item-flex">
|
|
|
|
- <view class="star">
|
|
|
|
- <u-rate :count="count" v-model="value" />
|
|
|
|
- <text class="line">|</text>
|
|
|
|
- </view>
|
|
|
|
- <view>989单</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="address-flex">
|
|
|
|
- <view>宝安中心区美容洗车</view>
|
|
|
|
- <view>2.7km</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="hot">
|
|
|
|
- <Image src="https://cdn.uviewui.com/uview/album/1.jpg"></Image>
|
|
|
|
- <view>
|
|
|
|
- <view class="item-text">途虎养车洗车机(贵州省贵阳市云岩区)</view>
|
|
|
|
- <view class="item-flex">
|
|
|
|
- <view class="star">
|
|
|
|
- <u-rate :count="count" v-model="value" />
|
|
|
|
- <text class="line">|</text>
|
|
|
|
- </view>
|
|
|
|
- <view>989单</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="address-flex">
|
|
|
|
- <view>宝安中心区美容洗车</view>
|
|
|
|
- <view>2.7km</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="hot">
|
|
|
|
- <Image src="https://cdn.uviewui.com/uview/album/1.jpg"></Image>
|
|
|
|
- <view>
|
|
|
|
- <view class="item-text">途虎养车洗车机(贵州省贵阳市云岩区)</view>
|
|
|
|
- <view class="item-flex">
|
|
|
|
- <view class="star">
|
|
|
|
- <u-rate :count="count" v-model="value" />
|
|
|
|
- <text class="line">|</text>
|
|
|
|
- </view>
|
|
|
|
- <view>989单</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="address-flex">
|
|
|
|
- <view>宝安中心区美容洗车</view>
|
|
|
|
- <view>2.7km</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
-</template>
|
|
|
|
-
|
|
|
|
-<script>
|
|
|
|
-export default {
|
|
|
|
- data() {
|
|
|
|
- return {
|
|
|
|
- count: 5,
|
|
|
|
- value: 4,
|
|
|
|
- };
|
|
|
|
- },
|
|
|
|
- onLoad() {},
|
|
|
|
- methods: {},
|
|
|
|
-};
|
|
|
|
-</script>
|
|
|
|
-
|
|
|
|
-<style lang="scss" scoped>
|
|
|
|
-.recommend {
|
|
|
|
- min-height: 100vh;
|
|
|
|
- background-color: #efefef;
|
|
|
|
- /* 搜索样式 */
|
|
|
|
-.search-item {
|
|
|
|
- padding: 0 20rpx;
|
|
|
|
- height: 80rpx;
|
|
|
|
- line-height: 80rpx;
|
|
|
|
- background-color: #fff;
|
|
|
|
- margin-bottom: 10rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-// 列表样式
|
|
|
|
- .hot {
|
|
|
|
- height: 220rpx;
|
|
|
|
- background-color: #fff;
|
|
|
|
- padding: 0 20rpx;
|
|
|
|
- margin-bottom: 20rpx;
|
|
|
|
- display: flex;
|
|
|
|
- Image {
|
|
|
|
- width: 120px;
|
|
|
|
- height: calc(100% - 20rpx);
|
|
|
|
- margin: 10rpx 20rpx 10rpx 0;
|
|
|
|
- }
|
|
|
|
- .item-text {
|
|
|
|
- font-weight: bold;
|
|
|
|
- margin: 10rpx 0 10rpx;
|
|
|
|
- color: #333;
|
|
|
|
- }
|
|
|
|
- .item-flex {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- font-size: 14px;
|
|
|
|
- margin: 0 20rpx 30rpx 0;
|
|
|
|
- color: #0d0d0d66;
|
|
|
|
- .star{
|
|
|
|
- display: flex;
|
|
|
|
- .line{
|
|
|
|
- margin-left: 18rpx;
|
|
|
|
- margin-top: 5rpx;
|
|
|
|
- font-size: 24rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .address-flex {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- font-size: 12px;
|
|
|
|
- color: #999;
|
|
|
|
- margin-right: 20rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-</style>
|
|
|