jiangchengfeiyi-xiaochengxu/pages/home/home.vue

<template>
<view class="flex-col justify-start relative page" :style="{ backgroundImage: 'url(' + bkgPubilcPath + ')' }">
  <view class="section" :style="{ backgroundImage: 'url(' + bkgPubilcPath + ')' }"></view>
  <image class="image pos" :src="homeUrl + '/flower.png'" />
  <text class="text pos_6">手作传艺|锦绣邀约</text>
  <text class="font pos_2">匠</text>
  <text class="font pos_3">承</text>
  <text class="font pos_4">非</text>
  <text class="font pos_5">遗</text>
  <view class="grid pos_7">
    <view class="flex-row grid-item" @click="jump_xiezhen">
      <image
        class="shrink-0 self-center image_2"
        :src="homeUrl + '/xzyy.png'"
      />
      <view class="ml-4 flex-col items-center flex-1 self-start group">
        <text class="font_2 text_2">写真预约</text>
        <text class="mt-14 font_3 text_3">锦绣华服，即刻预约</text>
      </view>
    </view>
    <view class="flex-row items-center grid-item_2" @click="jump_feiyi">
      <image
        class="shrink-0 image_3"
        :src="homeUrl + '/jyty.png'"
      />
      <view class="flex-col items-center flex-1 ml-7">
        <text class="font_2">技艺体验</text>
        <text class="mt-14 font_3">古艺新学，手作体验</text>
      </view>
    </view>
    <view class="flex-row grid-item_3" @click="jump_store">
      <image
        class="shrink-0 self-center image_5"
        :src="homeUrl + '/tjsp.png'"
      />
      <view class="flex-col items-center flex-1 self-start group_2 ml-7">
        <text class="font_2 text_5">手作商城</text>
        <text class="mt-12 font_3 text_6">传统工艺，匠心好物</text>
      </view>
    </view>
    <view class="flex-row relative grid-item_4" @click="jumpToActivity">
      <image
        class="shrink-0 self-center image_4"
        :src="homeUrl + '/hdzx.png'"
      />
      <text class="self-start font_2 text_4">活动日记</text>
      <text class="font_3 pos_8">活动点滴，邀您共阅</text>
    </view>
  </view>
</view>
</template>

<script setup>
import {inject, ref} from 'vue'
import { baseUrl, testUrl , suiUrl} from '@/api/request';
import { onShow,onLoad } from "@dcloudio/uni-app";
import { getFonts } from '../../common/globalFont';
import { getZSFont } from '../../common/globalFont';
import { homeUrl,bkgPubilcPath } from '../../common/globalImagesUrl';

const bkgUrl = ref(homeUrl + '/bkg.png')
onShow(() => {
	uni.removeStorageSync('businessId')
})
onLoad(()=>{
	getFonts()
	getZSFont()
	getMyUser()
	wx.showShareMenu({
		withShareTicket: true,
		menus: ["shareAppMessage","shareTimeline"]
	})
})
const getMyUser = async () =>{
	const res = await uni.request({
		url: baseUrl + '/user/get/login',
		method: 'GET',
		header: {
			// 读取JSESSIONID
			'cookie': wx.getStorageSync("cookie")
		}
	})
	console.log('获取用户信息==>',res.data)
	if( res.data.code === 40100 ) {
		// uni.navigateTo({
		// 	url: '/pages/login/login'
		// })
		uni.showToast({
			icon: 'error',
			title: "未登录"
		})
	}
}
const jump_xiezhen =()=>{  //跳转写真预约
	uni.navigateTo({
		url: '/pages/subPack/book/myPhotoProducts/myPhotoProducts'
	})
}
const jump_feiyi =()=>{   //跳转非遗工坊
	uni.navigateTo({
		url: '/pages/workshop/index/index'
	})
}
const jump_store =()=>{
	uni.switchTab({
		url: '/pages/store-home/main/testMain'
	})
}

const jumpToActivity = () => {
	uni.navigateTo({
		url: '../activity/activityMain/activityMain'
	})
}


//为了上架的提示框
const showTest = ref(false)
const showStop =()=>{
	showTest.value = true
	// uni.navigateTo({
	// 	url: '../activity/activityHome/activityHome'
	// })
}

</script>

<style lang="scss" scoped>
	
.ml-7 {
  margin-left: 4.13rpx;
}
.page {
  // background-image: url('~@/static/bkg.png');
	background-image: url("data:image/png;base64,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
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
}
.section {
  // height: 1415.63rpx;
}
.image {
  opacity: 0.35;
  width: 86vw;
  height: 127.5vw;
}
.pos {
  position: absolute;
  left: 0;
  top: 0;
}
.text {
  color: #C35C5D;
  font-size: 37.5rpx;
  font-family: 'FangZhengFonts';
  line-height: 36.92rpx;
}
.pos_6 {
  position: absolute;
  left: 50%;
  bottom: 30%;
  transform: translateX(-50%);
}
.font {
  font-size: 168.75rpx;
  font-family: ZhongShanFonts;
  line-height: 202.5rpx;
  color: #C35C5D;
}
.pos_2 {
  position: absolute;
  right: 156.19rpx;
  top: 71.25rpx;
}
.pos_3 {
  position: absolute;
  right: 114.81rpx;
  top: 273.43rpx;
}
.pos_4 {
  position: absolute;
  right: 165.41rpx;
  top: 474.62rpx;
}
.pos_5 {
  position: absolute;
  right: 114.81rpx;
  top: 676.8rpx;
}
.grid {
  width: 646.88rpx;
  height: 305.63rpx;
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 56.38rpx;
  column-gap: 80.76rpx;
}
.pos_7 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50rpx;
  margin: 0 auto;
}
.grid-item {
  padding: 22.5rpx 11.25rpx 22.5rpx 18.75rpx;
  background-color: #ffffff;
  border-radius: 46.88rpx;
}
.image_2 {
  width: 73.13rpx;
  height: 78.75rpx;
}
.group {
  margin-top: 11.25rpx;
}
.font_2 {
  font-size: 28.13rpx;
  font-family: 'FangZhengFonts';
  line-height: 26.47rpx;
  color: #323232;
}
.text_2 {
  line-height: 27.36rpx;
}
.grid-item_2 {
  padding: 22.5rpx 3.75rpx 22.5rpx 15rpx;
  background-color: #ffffff;
  border-radius: 46.88rpx;
}
.image_3 {
  width: 76.88rpx;
  height: 76.88rpx;
}
.grid-item_3 {
  padding: 22.5rpx 3.75rpx 22.5rpx 11.25rpx;
  background-color: #ffffff;
  border-radius: 46.88rpx;
}
.image_5 {
  width: 80.63rpx;
  height: 78.75rpx;
}
.group_2 {
  margin-top: 15rpx;
}
.text_5 {
  line-height: 27.02rpx;
}
.font_3 {
  font-size: 18.75rpx;
  font-family: 'FangZhengFonts';
  line-height: 17.29rpx;
  // color: #faddde;
  color: #F29FA3;
}
.text_3 {
  line-height: 18.09rpx;
}
.text_6 {
  line-height: 18.09rpx;
}
.grid-item_4 {
  padding: 16.88rpx 9.38rpx;
  background-color: #ffffff;
  border-radius: 46.88rpx;
  width: 281.25rpx;
}
.image_4 {
  width: 103.13rpx;
  height: 91.88rpx;
}
.text_4 {
  margin-left: 18.75rpx;
  margin-top: 15rpx;
}
.pos_8 {
  position: absolute;
  right: 18.14rpx;
  bottom: 24.28rpx;
}

/* 隐藏滚动条 */
::-webkit-scrollbar {
  display: none;
}

@import url(../../common/css/global.css);
</style>