Skip to content

B
bigwood
Commit afad8316 authored by youjie's avatar youjie
Browse files
Options

no message

parent 324f075b
Hide whitespace changes
Inline Side-by-side
Showing with 136 additions and 65 deletions
src/pages/eMail/eMail.html
View file @ afad8316
......@@ -17,77 +17,77 @@
padding: 43px 0 48px 0;
margin-top: 74px;
margin-bottom: 64px;">
<div style="margin: 0 120px;">
<div style="text-align: center;">
<img style="height: 88px;display: inline-block;" src='../../assets/images/emali0.png'/>
</div>
<div style="display: flex;align-items: center;flex-direction: row;justify-content: space-between;flex-wrap: nowrap;margin-top: 50px;">
<div class="display:flex;flex-direction: row;flex-wrap: nowrap;align-items: center;flex-grow: 1;">
<div style="width: 500px;
height: 20px;
font-size: 20px;
<div style="margin: 0 120px;">
<div style="text-align: center;">
<img style="height: 88px;display: inline-block;" src='../../assets/images/emali0.png'/>
</div>
<div style="display: flex;align-items: center;flex-direction: row;justify-content: space-between;flex-wrap: nowrap;margin-top: 50px;">
<div class="display:flex;flex-direction: row;flex-wrap: nowrap;align-items: center;flex-grow: 1;">
<div style="width: 500px;
height: 20px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #000000;display: inline-block;margin-left: 8px;
background: url('../../assets/images/emali1.png')no-repeat left;
background-size: 15px 20px;
padding: 0 0 0 23px;">
<span style="position: relative;top: -3px;">{0}</span>
</div>
</div>
<div style="height: 13px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #000000;display: inline-block;margin-left: 8px;
background: url('../../assets/images/emali1.png')no-repeat left;
background-size: 15px 20px;
padding: 0 0 0 23px;">
<span style="position: relative;top: -3px;">{0}</span>
</div>
font-weight: 400;
color: #A2A2A2;
flex-shrink: 0;
margin-left: 15px;">
{3}
</div>
</div>
<div style="height: 13px;
<div style="height: 1px;background: #EEEEEE;margin-top: 41px;margin-bottom: 43px;"></div>
<div style="height: 14px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #A2A2A2;
flex-shrink: 0;
margin-left: 15px;">
{3}
font-weight: bold;
color: #000000;">
Hello：
</div>
</div>
<div style="height: 1px;background: #EEEEEE;margin-top: 41px;margin-bottom: 43px;"></div>
<div style="height: 14px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #000000;">
Hello：
</div>
<div style="background: url('../../assets/images/emali2.png')no-repeat right bottom;
background-size: 413px 100%">
<div style="font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #000000;
line-height: 28px;">
<div style="margin-top: 36px;margin-bottom: 28px;">{1}</div>
<div style="background: url('../../assets/images/emali2.png')no-repeat right bottom;
background-size: 413px 100%">
<div style="font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #000000;
line-height: 28px;">
<div style="margin-top: 36px;margin-bottom: 28px;">{1}</div>
</div>
<div style="margin: 133px 0 85px 0;text-align: center;">
<a href="{2}" style="width: 115px;
height: 40px;
background: #0571DF;
display: inline-block;
border-radius: 5px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 40px;
text-align: center;
margin: auto;cursor: pointer;
text-decoration: none;">
VIEW
</a>
</div>
</div>
<div style="margin: 133px 0 85px 0;text-align: center;">
<a href="{2}" style="width: 115px;
height: 40px;
background: #0571DF;
display: inline-block;
border-radius: 5px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 40px;
text-align: center;
margin: auto;cursor: pointer;
text-decoration: none;">
VIEW
</a>
<div style="height: 13px;
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #B7B7B7;text-align: center;margin-top: 35px;">
© Instagram. Meta Platforms, Inc., 1601 Willow Road, Menlo Park, CA 94025
</div>
</div>
<div style="height: 13px;
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #B7B7B7;text-align: center;margin-top: 35px;">
© Instagram. Meta Platforms, Inc., 1601 Willow Road, Menlo Park, CA 94025
</div>
</div>
</div>
</body>
</html>
src/pages/personal/personal.vue 0 → 100644
View file @ afad8316
<template>
<div class="fix-height-subpage column no-wrap items-center q-pa-md">
<div class="bg-white q-pa-lg borounded-borders" :style="{'width':'840px'}">
<div>
<q-avatar size="160px" rounded class="personal-HeadImg reactive bg-blue-2 cursor-pointer q-mr-md">
<img src="../../assets/images/8.png" />
<!-- <span class="text-primary text-30">小</span> -->
<q-icon class="absolute HeadImg-edit bg-white q-pa-xs" name="edit" size="xs"></q-icon>
</q-avatar>
</div>
</div>
</div>
</template>
<script lang="ts">
import useMetaModule from '../../module/meta/metaModule'
import { useI18n } from 'vue-i18n'
import svgIcon from '../../components/global/svg-icon.vue'
import { defineComponent, inject, provide, reactive, ref, toRefs } from 'vue'
import { DirtionmaryHelper } from '../../config/dictionary'
export default defineComponent({
components: { svgIcon },
setup() {
const data = reactive({})
let { setTitle } = useMetaModule()
const { locale, t } = useI18n()
const pageTitle = inject(DirtionmaryHelper.PAGE_TITLE_KEY) as any
pageTitle.value = t('hotel.pageTitle')
setTitle(pageTitle.value)
const search = reactive({
HotelChooseArray: [],
StartDate: '',
EndDate: '',
Country: '651',
Province: 0,
City: 0,
OutBranchId: -1,
Star: 0,
PriceLevel: 0,
Supplier: 0,
MaxPrice:'',
MinPrice:''
})
const methods= {
}
return {
...toRefs(data),
...methods
}
}
})
</script>
<style>
.personal-HeadImg:hover .HeadImg-edit{
display: block;
color: #019DF5;
}
.HeadImg-edit{
box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 8%);
border-radius: 50%;
top: -10px;
right: -10px;
display: block;
color: #A7A5B7;
}
</style>
\ No newline at end of file
src/router/routes.ts
View file @ afad8316
......@@ -6,9 +6,10 @@ const routes: RouteRecordRaw[] = [
component: () => import('layouts/MainLayout.vue'),
children: [
{ path: '', component: () => import('pages/Index.vue') },
{ path: '/hotel', component: () => import('pages/hotel/HotelList.vue') },
{ path: '/ ', component: () => import('pages/hotel/HotelList.vue') },
{ path: '/hotel/order', component: () => import('pages/hotel/HotelOrder.vue') },
{ path: '/hotel/modify/:orderId', component: () => import('pages/hotel/ModifyHotelOrder.vue') }
{ path: '/hotel/modify/:orderId', component: () => import('pages/hotel/ModifyHotelOrder.vue') },
{ path: '/personal', component: () => import('pages/personal/personal.vue') },
]
},
{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment