Explorar el Código

1.钣金喷漆

guo hace 2 años
padre
commit
7e4788d086
Se han modificado 2 ficheros con 68 adiciones y 0 borrados
  1. 9 0
      pages.json
  2. 59 0
      pages/index/paint.vue

+ 9 - 0
pages.json

@@ -204,6 +204,15 @@
 			}
 		}
 		
+        ,{
+            "path" : "pages/index/paint",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "钣金喷漆",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"tabBar": {
 		"color": "#8a8a8a",

+ 59 - 0
pages/index/paint.vue

@@ -0,0 +1,59 @@
+<template>
+	<view class="box">
+		<view class="top">
+			<view class="left">
+				<image :src="item.brandLogo" mode="widthFix" class="brandLogo">
+					<view class="car">奥迪 A5 2.0 双离合变速器(DCT)  2017 3.0...</view>
+				</image>
+			</view>
+			<image src="../../static/img/rightArrow.png" mode="" style="width: 30rpx;height: 30rpx;"></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+	.box{
+		min-height: 100vh;
+		background-color: #f4f5f7;
+	}
+	.top{
+		
+		background-color: #FFFFFF;
+		padding: 30rpx 20rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.left{
+		display: flex;
+		align-items: center;
+	}
+	.car{
+		
+		font-size: 28rpx;
+		
+		color: #333333;
+		line-height: 40rpx;
+		/* 隐藏文字显示 ...不换行 */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.brandLogo {
+		width: 42rpx;
+		height: 42rpx;
+	}
+</style>