YZM 2 years ago
parent
commit
6a3914d590

+ 8 - 3
pages/yifu/index.vue

@@ -4,8 +4,9 @@
 		<tm-menubars title="衣物信息" :shadow="0" :showback="true"></tm-menubars>
 		<div class="zhuti">
 			<tm-sheet class="kuang" style="padding-bottom: 70px !important;">
-				<view style="width: 94%;margin:0 auto;">
-					
+				<view style="width: 98%;margin:0 auto;">
+					<tm-tabs align="left" class="qiehuan1" v-model="activeIndex" :list="list" range-key="title"></tm-tabs>
+					<image class="touxiang" src="/static/img/60.png" mode="widthFix"></image>
 				</view>
 			</tm-sheet>
 			<tm-button :round="24" class="sao mb-40 mt-40" block>提交</tm-button>
@@ -22,7 +23,9 @@ export default {
 			checked1:false,
 			checked2:false,
 			checked3:false,
-			beizu:''
+			beizu:'',
+			list:[ '商品介绍','搭配方案'],
+			activeIndex:0,
 		};
 	},
 	onLoad() {
@@ -57,4 +60,6 @@ export default {
 	}
 	/deep/ .zhuti{padding: 10px 10px;}
 	/deep/ .kuang{margin:0 !important;padding: 0px !important;}
+	/deep/ .qiehuan1 .text-primary{color: white !important;}
+	.touxiang{width: 100%;margin:0 auto;display: block;margin-top: 20px;}
 </style>

File diff suppressed because it is too large
+ 32 - 4
unpackage/dist/dev/app-plus/app-service.js


+ 31 - 7
unpackage/dist/dev/app-plus/app-view.js

@@ -17856,6 +17856,7 @@ try {
     tmMenubars: __webpack_require__(/*! @/tm-vuetify/components/tm-menubars/tm-menubars.vue */ 49)
       .default,
     tmSheet: __webpack_require__(/*! @/tm-vuetify/components/tm-sheet/tm-sheet.vue */ 89).default,
+    tmTabs: __webpack_require__(/*! @/tm-vuetify/components/tm-tabs/tm-tabs.vue */ 121).default,
     tmButton: __webpack_require__(/*! @/tm-vuetify/components/tm-button/tm-button.vue */ 8)
       .default,
     tmMessage: __webpack_require__(/*! @/tm-vuetify/components/tm-message/tm-message.vue */ 137)
@@ -17899,20 +17900,43 @@ var render = function() {
               attrs: { _i: 3 }
             },
             [
-              _c("v-uni-view", {
-                staticStyle: { width: "94%", margin: "0 auto" },
-                attrs: { _i: 4 }
-              })
+              _c(
+                "v-uni-view",
+                {
+                  staticStyle: { width: "98%", margin: "0 auto" },
+                  attrs: { _i: 4 }
+                },
+                [
+                  _c("tm-tabs", {
+                    staticClass: _vm._$g(5, "sc"),
+                    attrs: { _i: 5 },
+                    model: {
+                      value: _vm._$g(5, "v-model"),
+                      callback: function() {},
+                      expression: "activeIndex"
+                    }
+                  }),
+                  _c("v-uni-image", {
+                    staticClass: _vm._$g(6, "sc"),
+                    attrs: {
+                      src: "/static/img/60.png",
+                      mode: "widthFix",
+                      _i: 6
+                    }
+                  })
+                ],
+                1
+              )
             ],
             1
           ),
-          _c("tm-button", { staticClass: _vm._$g(5, "sc"), attrs: { _i: 5 } }, [
+          _c("tm-button", { staticClass: _vm._$g(7, "sc"), attrs: { _i: 7 } }, [
             _vm._v("提交")
           ])
         ],
         1
       ),
-      _c("tm-message", { ref: "toast", attrs: { _i: 6 } })
+      _c("tm-message", { ref: "toast", attrs: { _i: 8 } })
     ],
     1
   )
@@ -18005,7 +18029,7 @@ if(false) {}
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../exe/HBuilderX.3.4.7.20220422/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/runtime/api.js */ 19);
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, "@charset \"UTF-8\";\r\n/**\r\n * 这里是uni-app内置的常用样式变量\r\n *\r\n * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量\r\n * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App\r\n *\r\n */\r\n/**\r\n * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能\r\n *\r\n * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件\r\n */\r\n/* 颜色变量 */\r\n/* 行为相关颜色 */\r\n/* 文字基本颜色 */\r\n/* 背景颜色 */\r\n/* 边框颜色 */\r\n/* 尺寸变量 */\r\n/* 文字尺寸 */\r\n/* 图片尺寸 */\r\n/* Border Radius */\r\n/* 水平间距 */\r\n/* 垂直间距 */\r\n/* 透明度 */\r\n/* 文章场景相关 */\n .tm-menubars .body {\r\n  background-color: #1b1b1b !important;\n}\n .zhuti {\r\n  padding: 10px 10px;\n}\n .kuang {\r\n  margin: 0 !important;\r\n  padding: 0px !important;\n}\r\n", ""]);
+exports.push([module.i, "@charset \"UTF-8\";\r\n/**\r\n * 这里是uni-app内置的常用样式变量\r\n *\r\n * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量\r\n * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App\r\n *\r\n */\r\n/**\r\n * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能\r\n *\r\n * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件\r\n */\r\n/* 颜色变量 */\r\n/* 行为相关颜色 */\r\n/* 文字基本颜色 */\r\n/* 背景颜色 */\r\n/* 边框颜色 */\r\n/* 尺寸变量 */\r\n/* 文字尺寸 */\r\n/* 图片尺寸 */\r\n/* Border Radius */\r\n/* 水平间距 */\r\n/* 垂直间距 */\r\n/* 透明度 */\r\n/* 文章场景相关 */\n .tm-menubars .body {\r\n  background-color: #1b1b1b !important;\n}\n .zhuti {\r\n  padding: 10px 10px;\n}\n .kuang {\r\n  margin: 0 !important;\r\n  padding: 0px !important;\n}\n .qiehuan1 .text-primary {\r\n  color: white !important;\n}\n.touxiang {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  display: block;\r\n  margin-top: 20px;\n}\r\n", ""]);
 // Exports
 module.exports = exports;
 

File diff suppressed because it is too large
+ 0 - 0
unpackage/dist/dev/app-plus/manifest.json


Some files were not shown because too many files changed in this diff