OnePoem / OnePoem-App

Go to a project
Toggle navigation Toggle navigation pinning
reason
e75743fe 1 parent 91c9f8de

update styles

Inline Side-by-side
Showing 3 changed files with 52 additions and 15 deletions
......@@ -144,7 +144,7 @@ class _PoemPageState extends State<PoemPage> with WidgetsBindingObserver {
title: "每日一言",
poem:
"清晨入古寺，初日照高林。\n曲径通幽处，禅房花木深。\n山光悦鸟性，潭影空人心。\n万籁此都寂，但余钟磬音。\n",
author: "--《题破山寺后禅院》常建",
author: "----《题破山寺后禅院》常建",
onShowDetail: () {
tkController.animateToPage(TikTokPagePosition.right);
},
......
import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:one_poem/res/resources.dart';
class TikTokTopInfoColumn extends StatelessWidget {
final double? bottomPadding;
......@@ -16,7 +17,7 @@ class TikTokTopInfoColumn extends StatelessWidget {
return SafeArea(
child: Container(
margin: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 25.0),
height: 100.0,
height: 90.0,
width: double.infinity,
decoration: BoxDecoration(
color: Colors.grey.shade200.withOpacity(0.1),
......@@ -30,18 +31,45 @@ class TikTokTopInfoColumn extends StatelessWidget {
sigmaY: 10.0,
),
child: Container(
alignment: Alignment.topLeft,
decoration: BoxDecoration(
color: Colors.grey.shade200.withOpacity(0.1),
),
child: Padding(
padding: const EdgeInsets.all(10.0),
padding: const EdgeInsets.all(5.0),
child: Column(
children: [
const SizedBox(
width: double.infinity,
child: Text(
'辛丑牛年 庚子月 乙卯日 辰时',
style: TextStyle(
fontSize: 16.0,
color: Colors.white,
),
),
),
Gaps.vGap10,
SizedBox(
width: double.infinity,
child: Stack(
children: const [
Text(
'早安',
style: TextStyle(
fontSize: 28.0,
fontSize: 48.0,
color: Colors.white,
fontFamily: "ZhiMangXing",
),
),
Positioned(
right: 10.0,
child: Text(
"02日\n2022年01月",
style: TextStyle(color: Colors.white),
),
),
],
),
),
],
......
......@@ -4,6 +4,8 @@ import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:one_poem/res/resources.dart';
import 'package:one_poem/extension/int_extension.dart';
class TikTokVidePoem extends StatelessWidget {
final double? bottomPadding;
final Function? onShowDetail;
......@@ -27,9 +29,9 @@ class TikTokVidePoem extends StatelessWidget {
border: Border.all(color: Colors.grey, width: 0.1), // 边色与边宽度
// borderRadius: BorderRadius.circular(2.0),
),
height: 220.0,
height: 180.px,
width: double.infinity,
margin: const EdgeInsets.symmetric(vertical: 10.0, horizontal: 25.0),
margin: EdgeInsets.symmetric(vertical: 10.px, horizontal: 25.px),
child: InkWell(
child: ClipRect(
child: BackdropFilter(
......@@ -42,31 +44,38 @@ class TikTokVidePoem extends StatelessWidget {
color: Colors.grey.shade200.withOpacity(0.1),
),
child: Padding(
padding: const EdgeInsets.all(5.0),
padding: EdgeInsets.all(5.px),
child: Column(
children: [
Text(
SizedBox(
width: double.infinity,
child: Text(
title ?? '每日一言',
style: const TextStyle(
fontSize: 28.0,
style: TextStyle(
fontSize: 28.px,
color: Colors.white,
),
),
),
Gaps.vGap10,
Text(
poem ?? '#一言 临境',
style: const TextStyle(
style: TextStyle(
color: Colors.white,
fontFamily: "ZCOOLXiaoWei",
fontSize: 24.0),
fontSize: 20.px),
),
Text(
Container(
alignment: Alignment.centerRight,
width: double.infinity,
child: Text(
author ?? '诗人',
style: const TextStyle(
fontSize: 16.0,
style: TextStyle(
fontSize: 16.px,
color: Colors.white,
),
),
),
],
),
),
......