12
This commit is contained in:
parent
cbb91c63dc
commit
7d2f662690
113
pages/workshop/index/index.vue
Normal file
113
pages/workshop/index/index.vue
Normal file
|
|
@ -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>
|
||||
26
unpackage/dist/dev/mp-weixin/pages/workshop/index/index.js
vendored
Normal file
26
unpackage/dist/dev/mp-weixin/pages/workshop/index/index.js
vendored
Normal file
|
|
@ -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);
|
||||
4
unpackage/dist/dev/mp-weixin/pages/workshop/index/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/workshop/index/index.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/workshop/index/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/workshop/index/index.wxml
vendored
Normal file
|
|
@ -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>
|
||||
475
unpackage/dist/dev/mp-weixin/pages/workshop/index/index.wxss
vendored
Normal file
475
unpackage/dist/dev/mp-weixin/pages/workshop/index/index.wxss
vendored
Normal file
|
|
@ -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;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user