优化页面
This commit is contained in:
@@ -1 +1 @@
|
||||
{"version":3,"file":"topNavigation.js","sources":["components/topNavigation/topNavigation.vue","/Users/plw/Documents/outsource/tk-mini-program/components/topNavigation/topNavigation.vue?type=component"],"sourcesContent":["<template>\n <view class=\"topNavigation\">\n <view\n @click=\"MakeAppointmentPK\"\n :class=\"{ Selectcss: !Select, NoSelectcss: Select }\"\n class=\"RealTime\"\n >今日PK</view\n >\n <view\n @click=\"RealTimePk\"\n :class=\"{ Selectcss: Select, NoSelectcss: !Select }\"\n class=\"MakeAppointment\"\n >PK大厅</view\n >\n <view @click=\"screening\" class=\"Screening\">筛选</view>\n <!-- <image @click=\"Search\" src=\"https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Searching.png\" class=\"filter-icon\" /> -->\n </view>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n title: \"Hello\",\n Select: false,\n };\n },\n onLoad() {\n // 页面加载时执行\n },\n methods: {\n MakeAppointmentPK() {\n this.Select = false;\n this.$emit(\"MakeAppointmentPK\");\n },\n RealTimePk() {\n this.Select = true;\n this.$emit(\"RealTimePk\");//触发实时PK事件\n },\n screening() {\n this.$emit(\"screening\");//触发筛选事件\n },\n Search() {\n this.$emit(\"Search\");//触发搜索事件\n },\n },\n};\n</script>\n\n<style scoped>\n.topNavigation {\n width: 100%;\n height: 114.5rpx;\n display: flex;\n align-items: center;\n}\n.Screening {\n width: 120rpx;\n height: 50rpx;\n background: #5bced1;\n font-size: 23rpx;\n font-weight: bold;\n color: #ffffff;\n text-align: center;\n line-height: 50rpx;\n border-radius: 15rpx;\n}\n.filter-icon {\n width: 33rpx;\n height: 33rpx;\n}\n.RealTime {\n margin: 0 39rpx 0 41rpx;\n}\n.MakeAppointment {\n margin-right: 270rpx;\n}\n.Screening {\n margin-right: 20rpx;\n}\n.Selectcss {\n width: 146rpx;\n height: 39rpx;\n font-size: 42rpx;\n color: #0e1011;\n font-weight: 600;\n}\n.NoSelectcss {\n font-weight: 600;\n height: 29rpx;\n color: #727a7b;\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/components/topNavigation/topNavigation.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;AAoBA,MAAK,YAAU;AAAA,EACb,OAAO;AACL,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA;EAEX;AAAA,EACD,SAAS;AAAA,EAER;AAAA,EACD,SAAS;AAAA,IACP,oBAAoB;AAClB,WAAK,SAAS;AACd,WAAK,MAAM,mBAAmB;AAAA,IAC/B;AAAA,IACD,aAAa;AACX,WAAK,SAAS;AACd,WAAK,MAAM,YAAY;AAAA,IACxB;AAAA,IACD,YAAY;AACV,WAAK,MAAM,WAAW;AAAA,IACvB;AAAA,IACD,SAAS;AACP,WAAK,MAAM,QAAQ;AAAA,IACpB;AAAA,EACF;AACH;;;;;;;;;;;;;AC7CA,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"topNavigation.js","sources":["components/topNavigation/topNavigation.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9jb21wb25lbnRzL3RvcE5hdmlnYXRpb24vdG9wTmF2aWdhdGlvbi52dWU"],"sourcesContent":["<template>\r\n <view class=\"topNavigation\">\r\n <view\r\n @click=\"MakeAppointmentPK\"\r\n :class=\"{ Selectcss: !Select, NoSelectcss: Select }\"\r\n class=\"RealTime\"\r\n >今日PK</view\r\n >\r\n <view\r\n @click=\"RealTimePk\"\r\n :class=\"{ Selectcss: Select, NoSelectcss: !Select }\"\r\n class=\"MakeAppointment\"\r\n >PK大厅</view\r\n >\r\n <view @click=\"screening\" class=\"Screening\">筛选</view>\r\n <!-- <image @click=\"Search\" src=\"https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Searching.png\" class=\"filter-icon\" /> -->\r\n </view>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n title: \"Hello\",\r\n Select: false,\r\n };\r\n },\r\n onLoad() {\r\n // 页面加载时执行\r\n },\r\n methods: {\r\n MakeAppointmentPK() {\r\n this.Select = false;\r\n this.$emit(\"MakeAppointmentPK\");\r\n },\r\n RealTimePk() {\r\n this.Select = true;\r\n this.$emit(\"RealTimePk\");//触发实时PK事件\r\n },\r\n screening() {\r\n this.$emit(\"screening\");//触发筛选事件\r\n },\r\n Search() {\r\n this.$emit(\"Search\");//触发搜索事件\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.topNavigation {\r\n width: 100%;\r\n height: 114.5rpx;\r\n display: flex;\r\n align-items: center;\r\n}\r\n.Screening {\r\n width: 120rpx;\r\n height: 50rpx;\r\n background: #5bced1;\r\n font-size: 23rpx;\r\n font-weight: bold;\r\n color: #ffffff;\r\n text-align: center;\r\n line-height: 50rpx;\r\n border-radius: 15rpx;\r\n}\r\n.filter-icon {\r\n width: 33rpx;\r\n height: 33rpx;\r\n}\r\n.RealTime {\r\n margin: 0 39rpx 0 41rpx;\r\n}\r\n.MakeAppointment {\r\n margin-right: 270rpx;\r\n}\r\n.Screening {\r\n margin-right: 20rpx;\r\n}\r\n.Selectcss {\r\n width: 146rpx;\r\n height: 39rpx;\r\n font-size: 42rpx;\r\n color: #0e1011;\r\n font-weight: 600;\r\n}\r\n.NoSelectcss {\r\n font-weight: 600;\r\n height: 29rpx;\r\n color: #727a7b;\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/components/topNavigation/topNavigation.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;AAoBA,MAAK,YAAU;AAAA,EACb,OAAO;AACL,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA;EAEX;AAAA,EACD,SAAS;AAAA,EAER;AAAA,EACD,SAAS;AAAA,IACP,oBAAoB;AAClB,WAAK,SAAS;AACd,WAAK,MAAM,mBAAmB;AAAA,IAC/B;AAAA,IACD,aAAa;AACX,WAAK,SAAS;AACd,WAAK,MAAM,YAAY;AAAA,IACxB;AAAA,IACD,YAAY;AACV,WAAK,MAAM,WAAW;AAAA,IACvB;AAAA,IACD,SAAS;AACP,WAAK,MAAM,QAAQ;AAAA,IACpB;AAAA,EACF;AACH;;;;;;;;;;;;;AC7CA,GAAG,gBAAgB,SAAS;"}
|
||||
Reference in New Issue
Block a user