12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <template>
- <view class="page-bg">
- <view class="btn-group">
- <button class="green-btn btn1" @click="routeTo('createInfo')">老人注册</button>
- <button class="green-btn btn2" @click="routeTo('searchState')">状态查询</button>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- }
- },
- methods: {
- routeTo(url) {
- uni.navigateTo({
- url: `/pages/${url}/${url}`,
- })
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- .page-bg {
- height: 100vh;
- overflow: hidden;
- background-image: linear-gradient(to top, #68b7e7 0%, #ffffff 100%);
- animation: fadeIn 1s linear;
- }
- .btn-group {
- padding: 1px;
- position: relative;
- top: 28%;
- }
- .green-btn {
- width: 60%;
- background: #28d87d;
- // background: #00c4f3;
- border-radius: 5px;
- color: white;
- margin: 50px auto;
- position: relative;
- }
- .btn1 {
- animation: fadeInLeft 1s ease;
- }
- .btn2 {
- animation: fadeInRight 1s ease;
- }
- </style>
|