12

pages/workshop/index/index.vue

@@ -0,0 +1,113 @@
+<template>
+	<view class="flex-col page">
+	  <image
+	    class="image"
+	    src="https://ide.code.fun/api/image?token=674e57d6797f850011f0b062&name=81b265c5869f092903cecdb6ba7eb11d.png"
+	  />
+	  <view class="flex-col justify-start items-center text-wrapper"><text class="text">最新活动</text></view>
+	  <view class="flex-col justify-start section">
+	    <view class="grid">
+	      <view class="flex-col grid-item_1" v-for="(item, index) in items" :key="index" @click="jump_detail(index,item)">
+	        <view class="flex-col">
+	          <image
+	            class="image_1"
+	            src="https://ide.code.fun/api/image?token=674e57d6797f850011f0b062&name=59b2ee9b1885663ab247ad633a0c01f2.png"
+	          />
+	          <text class="font text_2 mt-4">【非遗手工艺体验】玉雕-古法制玉体验</text>
+	        </view>
+	        <view class="flex-row items-center group mt-10">
+	          <image class="image_3" src="https://ide.code.fun/api/image?token=674e57d6797f850011f0b062&name=rmb.png" />
+	          <text class="font_2">99.00</text>
+	        </view>
+	      </view>
+	    </view>
+	  </view>
+	</view>
+</template>
+
+<script setup>
+import { ref , onMounted } from 'vue'	
+const items = ref([null,null])
+const jump_detail =(index,item)=>{
+	console.log(index);
+	uni.navigateTo({
+		url: '../../store-home/ProductDetails/ProductDetails?info=' + JSON.stringify(item)
+	})
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  padding-top: 37.5rpx;
+  background-color: #f5f5dc;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100vh;
+}
+.image {
+  margin: 0 30rpx;
+  border-radius: 18.75rpx;
+  width: 92vw;
+  height: 61.25vw;
+}
+.text-wrapper {
+  margin-top: 26.25rpx;
+  padding: 27.41rpx 0 23.7rpx;
+  background-color: #f7de98;
+}
+.text {
+  color: #323232;
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 27.64rpx;
+}
+.section {
+  padding: 54.38rpx 0 223.13rpx;
+  background-color: #fff8dc;
+}
+.grid {
+  margin-left: 28.13rpx;
+  margin-right: 28.13rpx;
+  height: 976.88rpx;
+  display: grid;
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  row-gap: 39.51rpx;
+  column-gap: 28.26rpx;
+}
+.grid-item_1 {
+  padding-bottom: 30.23rpx;
+  background-color: #ffffff;
+  border-radius: 18.75rpx;
+}
+.image_1 {
+  border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
+  width: 333.75rpx;
+  height: 324.38rpx;
+}
+.font {
+  font-size: 24.38rpx;
+  font-family: Open Sans;
+  line-height: 30rpx;
+  color: #000000;
+}
+.text_2 {
+  margin-left: 14.04rpx;
+  margin-right: 8.46rpx;
+}
+.group {
+  padding: 0 24.38rpx;
+}
+.image_3 {
+  width: 26.25rpx;
+  height: 26.25rpx;
+}
+.font_2 {
+  font-size: 30rpx;
+  font-family: Times New Roman;
+  line-height: 20.68rpx;
+  color: #fbb612;
+}
+@import url(../../../common/css/global.css);
+</style>

unpackage/dist/dev/mp-weixin/pages/workshop/index/index.js

@@ -0,0 +1,26 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = {
+  __name: "index",
+  setup(__props) {
+    const items = common_vendor.ref([null, null]);
+    const jump_detail = (index, item) => {
+      console.log(index);
+      common_vendor.index.navigateTo({
+        url: "../../store-home/ProductDetails/ProductDetails?info=" + JSON.stringify(item)
+      });
+    };
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.f(items.value, (item, index, i0) => {
+          return {
+            a: index,
+            b: common_vendor.o(($event) => jump_detail(index, item), index)
+          };
+        })
+      };
+    };
+  }
+};
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-6d033fba"]]);
+wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/pages/workshop/index/index.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pages/workshop/index/index.wxml

@@ -0,0 +1 @@
+<view class="flex-col page data-v-6d033fba"><image class="image data-v-6d033fba" src="https://ide.code.fun/api/image?token=674e57d6797f850011f0b062&name=81b265c5869f092903cecdb6ba7eb11d.png"/><view class="flex-col justify-start items-center text-wrapper data-v-6d033fba"><text class="text data-v-6d033fba">最新活动</text></view><view class="flex-col justify-start section data-v-6d033fba"><view class="grid data-v-6d033fba"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-col grid-item_1 data-v-6d033fba" bindtap="{{item.b}}"><view class="flex-col data-v-6d033fba"><image class="image_1 data-v-6d033fba" src="https://ide.code.fun/api/image?token=674e57d6797f850011f0b062&name=59b2ee9b1885663ab247ad633a0c01f2.png"/><text class="font text_2 mt-4 data-v-6d033fba">【非遗手工艺体验】玉雕-古法制玉体验</text></view><view class="flex-row items-center group mt-10 data-v-6d033fba"><image class="image_3 data-v-6d033fba" src="https://ide.code.fun/api/image?token=674e57d6797f850011f0b062&name=rmb.png"/><text class="font_2 data-v-6d033fba">99.00</text></view></view></view></view></view>

unpackage/dist/dev/mp-weixin/pages/workshop/index/index.wxss

@@ -0,0 +1,475 @@
+/* 水平间距 */
+/* 水平间距 */
+/************************************************************
+** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
+** 否则页面将无法正常显示                                  **
+************************************************************/
+html.data-v-6d033fba {
+  font-size: 16px;
+}
+body.data-v-6d033fba {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
+    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+view.data-v-6d033fba,
+image.data-v-6d033fba,
+text.data-v-6d033fba {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+#app.data-v-6d033fba {
+  width: 100vw;
+  height: 100vh;
+}
+.flex-row.data-v-6d033fba {
+  display: flex;
+  flex-direction: row;
+}
+.flex-col.data-v-6d033fba {
+  display: flex;
+  flex-direction: column;
+}
+.justify-start.data-v-6d033fba {
+  justify-content: flex-start;
+}
+.justify-end.data-v-6d033fba {
+  justify-content: flex-end;
+}
+.justify-center.data-v-6d033fba {
+  justify-content: center;
+}
+.justify-between.data-v-6d033fba {
+  justify-content: space-between;
+}
+.justify-around.data-v-6d033fba {
+  justify-content: space-around;
+}
+.justify-evenly.data-v-6d033fba {
+  justify-content: space-evenly;
+}
+.items-start.data-v-6d033fba {
+  align-items: flex-start;
+}
+.items-end.data-v-6d033fba {
+  align-items: flex-end;
+}
+.items-center.data-v-6d033fba {
+  align-items: center;
+}
+.items-baseline.data-v-6d033fba {
+  align-items: baseline;
+}
+.items-stretch.data-v-6d033fba {
+  align-items: stretch;
+}
+.self-start.data-v-6d033fba {
+  align-self: flex-start;
+}
+.self-end.data-v-6d033fba {
+  align-self: flex-end;
+}
+.self-center.data-v-6d033fba {
+  align-self: center;
+}
+.self-baseline.data-v-6d033fba {
+  align-self: baseline;
+}
+.self-stretch.data-v-6d033fba {
+  align-self: stretch;
+}
+.flex-1.data-v-6d033fba {
+  flex: 1 1 0%;
+}
+.flex-auto.data-v-6d033fba {
+  flex: 1 1 auto;
+}
+.grow.data-v-6d033fba {
+  flex-grow: 1;
+}
+.grow-0.data-v-6d033fba {
+  flex-grow: 0;
+}
+.shrink.data-v-6d033fba {
+  flex-shrink: 1;
+}
+.shrink-0.data-v-6d033fba {
+  flex-shrink: 0;
+}
+.relative.data-v-6d033fba {
+  position: relative;
+}
+.ml-2.data-v-6d033fba {
+  margin-left: 3.75rpx;
+}
+.mt-2.data-v-6d033fba {
+  margin-top: 3.75rpx;
+}
+.ml-4.data-v-6d033fba {
+  margin-left: 7.5rpx;
+}
+.mt-4.data-v-6d033fba {
+  margin-top: 7.5rpx;
+}
+.ml-6.data-v-6d033fba {
+  margin-left: 11.25rpx;
+}
+.mt-6.data-v-6d033fba {
+  margin-top: 11.25rpx;
+}
+.ml-8.data-v-6d033fba {
+  margin-left: 15rpx;
+}
+.mt-8.data-v-6d033fba {
+  margin-top: 15rpx;
+}
+.ml-10.data-v-6d033fba {
+  margin-left: 18.75rpx;
+}
+.mt-10.data-v-6d033fba {
+  margin-top: 18.75rpx;
+}
+.ml-12.data-v-6d033fba {
+  margin-left: 22.5rpx;
+}
+.mt-12.data-v-6d033fba {
+  margin-top: 22.5rpx;
+}
+.ml-14.data-v-6d033fba {
+  margin-left: 26.25rpx;
+}
+.mt-14.data-v-6d033fba {
+  margin-top: 26.25rpx;
+}
+.ml-16.data-v-6d033fba {
+  margin-left: 30rpx;
+}
+.mt-16.data-v-6d033fba {
+  margin-top: 30rpx;
+}
+.ml-18.data-v-6d033fba {
+  margin-left: 33.75rpx;
+}
+.mt-18.data-v-6d033fba {
+  margin-top: 33.75rpx;
+}
+.ml-20.data-v-6d033fba {
+  margin-left: 37.5rpx;
+}
+.mt-20.data-v-6d033fba {
+  margin-top: 37.5rpx;
+}
+.ml-22.data-v-6d033fba {
+  margin-left: 41.25rpx;
+}
+.mt-22.data-v-6d033fba {
+  margin-top: 41.25rpx;
+}
+.ml-24.data-v-6d033fba {
+  margin-left: 45rpx;
+}
+.mt-24.data-v-6d033fba {
+  margin-top: 45rpx;
+}
+.ml-26.data-v-6d033fba {
+  margin-left: 48.75rpx;
+}
+.mt-26.data-v-6d033fba {
+  margin-top: 48.75rpx;
+}
+.ml-28.data-v-6d033fba {
+  margin-left: 52.5rpx;
+}
+.mt-28.data-v-6d033fba {
+  margin-top: 52.5rpx;
+}
+.ml-30.data-v-6d033fba {
+  margin-left: 56.25rpx;
+}
+.mt-30.data-v-6d033fba {
+  margin-top: 56.25rpx;
+}
+.ml-32.data-v-6d033fba {
+  margin-left: 60rpx;
+}
+.mt-32.data-v-6d033fba {
+  margin-top: 60rpx;
+}
+.ml-34.data-v-6d033fba {
+  margin-left: 63.75rpx;
+}
+.mt-34.data-v-6d033fba {
+  margin-top: 63.75rpx;
+}
+.ml-36.data-v-6d033fba {
+  margin-left: 67.5rpx;
+}
+.mt-36.data-v-6d033fba {
+  margin-top: 67.5rpx;
+}
+.ml-38.data-v-6d033fba {
+  margin-left: 71.25rpx;
+}
+.mt-38.data-v-6d033fba {
+  margin-top: 71.25rpx;
+}
+.ml-40.data-v-6d033fba {
+  margin-left: 75rpx;
+}
+.mt-40.data-v-6d033fba {
+  margin-top: 75rpx;
+}
+.ml-42.data-v-6d033fba {
+  margin-left: 78.75rpx;
+}
+.mt-42.data-v-6d033fba {
+  margin-top: 78.75rpx;
+}
+.ml-44.data-v-6d033fba {
+  margin-left: 82.5rpx;
+}
+.mt-44.data-v-6d033fba {
+  margin-top: 82.5rpx;
+}
+.ml-46.data-v-6d033fba {
+  margin-left: 86.25rpx;
+}
+.mt-46.data-v-6d033fba {
+  margin-top: 86.25rpx;
+}
+.ml-48.data-v-6d033fba {
+  margin-left: 90rpx;
+}
+.mt-48.data-v-6d033fba {
+  margin-top: 90rpx;
+}
+.ml-50.data-v-6d033fba {
+  margin-left: 93.75rpx;
+}
+.mt-50.data-v-6d033fba {
+  margin-top: 93.75rpx;
+}
+.ml-52.data-v-6d033fba {
+  margin-left: 97.5rpx;
+}
+.mt-52.data-v-6d033fba {
+  margin-top: 97.5rpx;
+}
+.ml-54.data-v-6d033fba {
+  margin-left: 101.25rpx;
+}
+.mt-54.data-v-6d033fba {
+  margin-top: 101.25rpx;
+}
+.ml-56.data-v-6d033fba {
+  margin-left: 105rpx;
+}
+.mt-56.data-v-6d033fba {
+  margin-top: 105rpx;
+}
+.ml-58.data-v-6d033fba {
+  margin-left: 108.75rpx;
+}
+.mt-58.data-v-6d033fba {
+  margin-top: 108.75rpx;
+}
+.ml-60.data-v-6d033fba {
+  margin-left: 112.5rpx;
+}
+.mt-60.data-v-6d033fba {
+  margin-top: 112.5rpx;
+}
+.ml-62.data-v-6d033fba {
+  margin-left: 116.25rpx;
+}
+.mt-62.data-v-6d033fba {
+  margin-top: 116.25rpx;
+}
+.ml-64.data-v-6d033fba {
+  margin-left: 120rpx;
+}
+.mt-64.data-v-6d033fba {
+  margin-top: 120rpx;
+}
+.ml-66.data-v-6d033fba {
+  margin-left: 123.75rpx;
+}
+.mt-66.data-v-6d033fba {
+  margin-top: 123.75rpx;
+}
+.ml-68.data-v-6d033fba {
+  margin-left: 127.5rpx;
+}
+.mt-68.data-v-6d033fba {
+  margin-top: 127.5rpx;
+}
+.ml-70.data-v-6d033fba {
+  margin-left: 131.25rpx;
+}
+.mt-70.data-v-6d033fba {
+  margin-top: 131.25rpx;
+}
+.ml-72.data-v-6d033fba {
+  margin-left: 135rpx;
+}
+.mt-72.data-v-6d033fba {
+  margin-top: 135rpx;
+}
+.ml-74.data-v-6d033fba {
+  margin-left: 138.75rpx;
+}
+.mt-74.data-v-6d033fba {
+  margin-top: 138.75rpx;
+}
+.ml-76.data-v-6d033fba {
+  margin-left: 142.5rpx;
+}
+.mt-76.data-v-6d033fba {
+  margin-top: 142.5rpx;
+}
+.ml-78.data-v-6d033fba {
+  margin-left: 146.25rpx;
+}
+.mt-78.data-v-6d033fba {
+  margin-top: 146.25rpx;
+}
+.ml-80.data-v-6d033fba {
+  margin-left: 150rpx;
+}
+.mt-80.data-v-6d033fba {
+  margin-top: 150rpx;
+}
+.ml-82.data-v-6d033fba {
+  margin-left: 153.75rpx;
+}
+.mt-82.data-v-6d033fba {
+  margin-top: 153.75rpx;
+}
+.ml-84.data-v-6d033fba {
+  margin-left: 157.5rpx;
+}
+.mt-84.data-v-6d033fba {
+  margin-top: 157.5rpx;
+}
+.ml-86.data-v-6d033fba {
+  margin-left: 161.25rpx;
+}
+.mt-86.data-v-6d033fba {
+  margin-top: 161.25rpx;
+}
+.ml-88.data-v-6d033fba {
+  margin-left: 165rpx;
+}
+.mt-88.data-v-6d033fba {
+  margin-top: 165rpx;
+}
+.ml-90.data-v-6d033fba {
+  margin-left: 168.75rpx;
+}
+.mt-90.data-v-6d033fba {
+  margin-top: 168.75rpx;
+}
+.ml-92.data-v-6d033fba {
+  margin-left: 172.5rpx;
+}
+.mt-92.data-v-6d033fba {
+  margin-top: 172.5rpx;
+}
+.ml-94.data-v-6d033fba {
+  margin-left: 176.25rpx;
+}
+.mt-94.data-v-6d033fba {
+  margin-top: 176.25rpx;
+}
+.ml-96.data-v-6d033fba {
+  margin-left: 180rpx;
+}
+.mt-96.data-v-6d033fba {
+  margin-top: 180rpx;
+}
+.ml-98.data-v-6d033fba {
+  margin-left: 183.75rpx;
+}
+.mt-98.data-v-6d033fba {
+  margin-top: 183.75rpx;
+}
+.ml-100.data-v-6d033fba {
+  margin-left: 187.5rpx;
+}
+.mt-100.data-v-6d033fba {
+  margin-top: 187.5rpx;
+}
+.page.data-v-6d033fba {
+  padding-top: 37.5rpx;
+  background-color: #f5f5dc;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100vh;
+}
+.image.data-v-6d033fba {
+  margin: 0 30rpx;
+  border-radius: 18.75rpx;
+  width: 92vw;
+  height: 61.25vw;
+}
+.text-wrapper.data-v-6d033fba {
+  margin-top: 26.25rpx;
+  padding: 27.41rpx 0 23.7rpx;
+  background-color: #f7de98;
+}
+.text.data-v-6d033fba {
+  color: #323232;
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 27.64rpx;
+}
+.section.data-v-6d033fba {
+  padding: 54.38rpx 0 223.13rpx;
+  background-color: #fff8dc;
+}
+.grid.data-v-6d033fba {
+  margin-left: 28.13rpx;
+  margin-right: 28.13rpx;
+  height: 976.88rpx;
+  display: grid;
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  row-gap: 39.51rpx;
+  column-gap: 28.26rpx;
+}
+.grid-item_1.data-v-6d033fba {
+  padding-bottom: 30.23rpx;
+  background-color: #ffffff;
+  border-radius: 18.75rpx;
+}
+.image_1.data-v-6d033fba {
+  border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
+  width: 333.75rpx;
+  height: 324.38rpx;
+}
+.font.data-v-6d033fba {
+  font-size: 24.38rpx;
+  font-family: Open Sans;
+  line-height: 30rpx;
+  color: #000000;
+}
+.text_2.data-v-6d033fba {
+  margin-left: 14.04rpx;
+  margin-right: 8.46rpx;
+}
+.group.data-v-6d033fba {
+  padding: 0 24.38rpx;
+}
+.image_3.data-v-6d033fba {
+  width: 26.25rpx;
+  height: 26.25rpx;
+}
+.font_2.data-v-6d033fba {
+  font-size: 30rpx;
+  font-family: Times New Roman;
+  line-height: 20.68rpx;
+  color: #fbb612;
+}