Augcl
/
contract-front

{"version":3,"sources":["pages/home/home.uvue","pages/home/home.uvue?type=page"],"sourcesContent":["<template>\n  <view class=\"container\">\n    <!-- 顶部标题 -->\r\n\n    <view class=\"header\">\r\n\t\t<view  class=\"uni-incon\" >\r\n\t\t\t <uni-icons type=\"arrow-left\" size=\"30\"></uni-icons>\r\n\t\t</view>\r\n\t <view>\r\n\t\t <text class=\"title\">北京汽车有限公司</text>\r\n\t </view>\n    </view>\n\n    <!-- 轮播图 -->\n    <swiper class=\"swiper\" indicator-dots autoplay interval=\"3000\" duration=\"500\">\n      <swiper-item>\n        <image class=\"swiper-image\" src=\"/static/logo.png\" mode=\"aspectFill\"></image>\n      </swiper-item>\n      <swiper-item>\n        <image class=\"swiper-image\" src=\"/static/logo.png\" mode=\"aspectFill\"></image>\n      </swiper-item>\n      <swiper-item>\n        <image class=\"swiper-image\" src=\"/static/logo.png\" mode=\"aspectFill\"></image>\n      </swiper-item>\n    </swiper>\n<view>\r\n <image class = 'icon-image' src = '/static/logo.png'/>\r\n</view>\r\n<view>\r\n <button class=\"subtitle\">订单录入</button>\r\n</view>\n    <!-- 订单录入表单 -->\n   <!-- <view class=\"form\">\n      <input class=\"input\" type=\"text\" placeholder=\"客户姓名\" v-model=\"customerName\" />\n      <input class=\"input\" type=\"text\" placeholder=\"联系电话\" v-model=\"phoneNumber\" />\n      <input class=\"input\" type=\"text\" placeholder=\"车辆型号\" v-model=\"carModel\" />\n      <input class=\"input\" type=\"text\" placeholder=\"订单金额\" v-model=\"orderAmount\" />\n      <button class=\"submit-button\" @click=\"submitOrder\">提交订单</button>\n    </view> -->\n\n  </view>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      customerName: '',\n      phoneNumber: '',\n      carModel: '',\n      orderAmount: ''\n    };\n  },\n  methods: {\n    // submitOrder() {\n    //   if (this.customerName && this.phoneNumber && this.carModel && this.orderAmount) {\n    //     uni.showToast({\n    //       title: '订单提交成功',\n    //       icon: 'success'\n    //     });\n    //     // 这里可以添加提交订单的逻辑，例如调用API\n    //   } else {\n    //     uni.showToast({\n    //       title: '请填写完整信息',\n    //       icon: 'none'\n    //     });\n    //   }\n    // }\n    // navigateTo(page) {\n    //   // switch (page) {\n    //   //   case 'home':\n    //   //     uni.navigateTo({ url: '/pages/home/home' });\n    //   //     break;\n    //   //   case 'order':\n    //   //     uni.navigateTo({ url: '/pages/order/order' });\n    //   //     break;\n    //   //   case 'profile':\n    //   //     uni.navigateTo({ url: '/pages/profile/profile' });\n    //   //     break;\n    //   //   default:\n    //   //     break;\n    //   // }\n    // }\n  }\n};\n</script>\n\n<style>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background-color: #f5f5f5;\n}\n\n.header {\n  padding: 20px;\r\n  width: 100%;\n  background-color: #007aff;\n  color: #fff;\r\n  display: flex;\r\n  flex-direction: row;\r\n\n  text-align: center;\n}\n.uni-incon {\r\n\twidth: 30px;\r\n\theight: 30px;\r\n\tline-height: 30px;\r\n}\n.title {\n  font-size: 15px;\n  font-weight: bold;\r\n  width: 200px;\r\n  height: 30px;\r\n  line-height: 30px;\r\n  margin-left:  30px;\n}\n\n.subtitle {\n  font-size: 16px;\r\n    width: 100px;\r\n  margin: 0 auto;\r\n  margin-top: 30px;\n}\n\n.swiper {\n  height: 200px;\r\n  border-width: 10px;\r\n  border-color:red;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\n}\n\n.swiper-image {\n  width: 50%;\n height: 100%;\r\n  margin: 0 auto;\r\n  line-height: 50%;\n  border-radius: 8px;\n}\n\n.form {\n  flex: 1;\n  padding: 20px;\n}\n\n.input {\n  width: 100%;\n  height: 40px;\n  margin-bottom: 15px;\n  padding: 10px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n}\n\n.submit-button {\n  width: 100%;\n  height: 40px;\n  background-color: #007aff;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  font-size: 16px;\n}\n\n.footer {\n