Commit 262c1dd2 authored by spc's avatar spc

fixed

parent 49e4050c
assets/logo.png

13.6 KB | W: | H:

assets/logo.png

10.6 KB | W: | H:

assets/logo.png
assets/logo.png
assets/logo.png
assets/logo.png
  • 2-up
  • Swipe
  • Onion skin
<script setup> <script setup>
import {ref} from "vue"; import { ref } from "vue";
import RegisterLayer from "../../components/RegisterLayer.vue"; import RegisterLayer from "../../components/RegisterLayer.vue";
import {useUserStore} from "../../stores/user"; import { useUserStore } from "../../stores/user";
import {jump, JumpType} from "../../utils"; import { jump, JumpType } from "../../utils";
import md from "../../md"; import md from "../../md";
import Checkbox from "./toggle-button/index.vue"; import Checkbox from "./toggle-button/index.vue";
...@@ -93,7 +93,7 @@ const handleHot = (e) => { ...@@ -93,7 +93,7 @@ const handleHot = (e) => {
} }
}; };
function clickRegister(e){ function clickRegister(e) {
uni.showToast({ uni.showToast({
title: "请先阅读并同意协议《会员规则》及《隐私协议》", title: "请先阅读并同意协议《会员规则》及《隐私协议》",
icon: "none", icon: "none",
...@@ -113,15 +113,16 @@ function testClick() { ...@@ -113,15 +113,16 @@ function testClick() {
<template> <template>
<div class="page"> <div class="page">
<view > <view>
<image src="@/assets/images/back-btn.png" class="btn-back" @click="clickBack"/> <image src="@/assets/images/back-btn.png" class="btn-back" @click="clickBack" />
</view> </view>
<div class="content"> <div class="content">
<div class="logo-container"> <div class="logo-container">
<image src="@/assets/logo.png" class="logo"/> <image src="@/assets/logo.png" class="logo" />
<text>星妈会</text> <text>星妈会</text>
</div> </div>
<button v-if="readProtocol" class="register-button" open-type="getPhoneNumber" @getphonenumber="getRealtimePhoneNumber"> <button v-if="readProtocol" class="register-button" open-type="getPhoneNumber"
@getphonenumber="getRealtimePhoneNumber">
授权登录 授权登录
</button> </button>
<button v-else class="register-button disabled" @click="clickRegister"> <button v-else class="register-button disabled" @click="clickRegister">
...@@ -131,24 +132,24 @@ function testClick() { ...@@ -131,24 +132,24 @@ function testClick() {
测试 测试
</button>--> </button>-->
<view class="protocol-container"> <view class="protocol-container">
<Checkbox v-model="readProtocol" class="checkbox"/> <Checkbox v-model="readProtocol" class="checkbox" />
我已阅读并同意 我已阅读并同意
<view class="link" :data-log="{ <view class="link" :data-log="{
xcxClick: '注册页面点击', xcxClick: '注册页面点击',
pageName: '注册页面', pageName: '注册页面',
buttonName: '会员规则', buttonName: '会员规则',
}" @click="handleHot" data-type="member">《会员规则》 }" @click="handleHot" data-type="member">《会员规则》
</view> </view>
<view class="link" :data-log="{ <view class="link" :data-log="{
xcxClick: '注册页面点击', xcxClick: '注册页面点击',
pageName: '注册页面', pageName: '注册页面',
buttonName: '隐私协议', buttonName: '隐私协议',
}" @click="handleHot" data-type="privacy">《隐私协议》 }" @click="handleHot" data-type="privacy">《隐私协议》
</view> </view>
</view> </view>
</div> </div>
<RegisterLayer v-model="showRegisterLayer" @confirm="onRegisterConfirm" @cancel="onRegisterCancel"/> <RegisterLayer v-model="showRegisterLayer" @confirm="onRegisterConfirm" @cancel="onRegisterCancel" />
</div> </div>
</template> </template>
...@@ -159,7 +160,7 @@ function testClick() { ...@@ -159,7 +160,7 @@ function testClick() {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.btn-back{ .btn-back {
position: absolute; position: absolute;
left: 10rpx; left: 10rpx;
top: 100rpx; top: 100rpx;
...@@ -167,7 +168,7 @@ function testClick() { ...@@ -167,7 +168,7 @@ function testClick() {
height: 60rpx; height: 60rpx;
} }
.logo-container{ .logo-container {
width: 100vw; width: 100vw;
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -175,10 +176,12 @@ function testClick() { ...@@ -175,10 +176,12 @@ function testClick() {
flex-direction: column; flex-direction: column;
background-image: linear-gradient(180deg, #F4E2B2 0%, transparent 100%); background-image: linear-gradient(180deg, #F4E2B2 0%, transparent 100%);
font-size: 34rpx;
font-weight: bold;
padding-top: 350rpx; padding-top: 350rpx;
padding-bottom: 80rpx; padding-bottom: 80rpx;
.logo{ .logo {
width: 176rpx; width: 176rpx;
height: 176rpx; height: 176rpx;
} }
...@@ -197,7 +200,7 @@ function testClick() { ...@@ -197,7 +200,7 @@ function testClick() {
color: white; color: white;
margin-top: 130rpx; margin-top: 130rpx;
&.disabled{ &.disabled {
background-color: #E3CC9E; background-color: #E3CC9E;
} }
} }
......
pages/activity/toggle-button/assets/check-select.png

911 Bytes | W: | H:

pages/activity/toggle-button/assets/check-select.png

754 Bytes | W: | H:

pages/activity/toggle-button/assets/check-select.png
pages/activity/toggle-button/assets/check-select.png
pages/activity/toggle-button/assets/check-select.png
pages/activity/toggle-button/assets/check-select.png
  • 2-up
  • Swipe
  • Onion skin
pages/activity/toggle-button/assets/check-unselect.png

611 Bytes | W: | H:

pages/activity/toggle-button/assets/check-unselect.png

717 Bytes | W: | H:

pages/activity/toggle-button/assets/check-unselect.png
pages/activity/toggle-button/assets/check-unselect.png
pages/activity/toggle-button/assets/check-unselect.png
pages/activity/toggle-button/assets/check-unselect.png
  • 2-up
  • Swipe
  • Onion skin
This diff is collapsed.
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