Browse Source

修复样式问题

master
maochaoying 2 years ago
parent
commit
c131622ecc
  1. 8
      src/components/QRCode.vue
  2. 5
      src/components/SubNavigation.vue
  3. 1
      src/components/Top.vue
  4. 2
      src/components/detail/Intro.vue
  5. 2
      src/components/detail/Paragraph.vue

8
src/components/QRCode.vue

@ -10,11 +10,11 @@
<div class="qrcode_wrap"> <div class="qrcode_wrap">
<img class="qrcode" :src="Wechat" /> <img class="qrcode" :src="Wechat" />
<div class="contract"> <div class="contract">
<div class="phone">
<div class="phone" @click="toPhone('13717892018')">
<img :src="Phone" class="icon" alt="" /> <img :src="Phone" class="icon" alt="" />
<span>13717892018</span> <span>13717892018</span>
</div> </div>
<div class="phone">
<div class="phone" @click="toPhone('15624962290')">
<img :src="Phone" class="icon" alt="" /> <img :src="Phone" class="icon" alt="" />
<span>15624962290</span> <span>15624962290</span>
</div> </div>
@ -33,6 +33,10 @@ const props = defineProps({
default: false, default: false,
}, },
}) })
const toPhone = phone => {
window.location.href = `tel:${phone}`
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

5
src/components/SubNavigation.vue

@ -61,7 +61,7 @@ const backPage = () => {
<style lang="scss" scoped> <style lang="scss" scoped>
.sub_navigation_container { .sub_navigation_container {
height: $sub-header-height;
// height: $sub-header-height;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -70,9 +70,8 @@ const backPage = () => {
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0;
right: 0; right: 0;
width: 100vw;
width: 100%;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
.back_icon { .back_icon {

1
src/components/Top.vue

@ -98,7 +98,6 @@ const scrollToTop = () => {
<style lang="scss" scoped> <style lang="scss" scoped>
.top_container { .top_container {
padding: 14px 18px; padding: 14px 18px;
width: 100vw;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
align-items: center; align-items: center;

2
src/components/detail/Intro.vue

@ -3,7 +3,7 @@
<div class="wrap" v-for="(item, index) in cardIntro" :key="index"> <div class="wrap" v-for="(item, index) in cardIntro" :key="index">
<div class="title"> <div class="title">
<div class="xuhao">{{ parseInt(index) + 1 }}</div> <div class="xuhao">{{ parseInt(index) + 1 }}</div>
<p>{{ item.title }}</p>
<p style="line-height: 20px">{{ item.title }}</p>
</div> </div>
<div class="desc">{{ item.desc }}</div> <div class="desc">{{ item.desc }}</div>
</div> </div>

2
src/components/detail/Paragraph.vue

@ -26,7 +26,7 @@ const props = defineProps({
} }
.paragraph_container { .paragraph_container {
font-size: 16px; font-size: 16px;
text-indent: 32px;
text-indent: 43px;
zoom: 0.5; zoom: 0.5;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 300; font-weight: 300;

Loading…
Cancel
Save