mirrors/pilipala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

opt: article render

Browse Source
This commit is contained in:
guozhigq
2024-12-01 00:30:56 +08:00
parent 5441734220
commit 038f6c00d7
3 changed files with 42 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
lib/common/widgets/html_render.dart
View File

@ -5,6 +5,8 @@ import 'package:pilipala/plugin/pl_gallery/hero_dialog_route.dart';
import 'package:pilipala/plugin/pl_gallery/interactiveviewer_gallery.dart'; import 'package:pilipala/plugin/pl_gallery/interactiveviewer_gallery.dart';
import 'package:pilipala/utils/highlight.dart'; import 'package:pilipala/utils/highlight.dart';
import '../../utils/global_data_cache.dart';
// ignore: must_be_immutable // ignore: must_be_immutable
class HtmlRender extends StatelessWidget { class HtmlRender extends StatelessWidget {
const HtmlRender({ const HtmlRender({
@ -41,6 +43,8 @@ class HtmlRender extends StatelessWidget {
TagExtension( TagExtension(
tagsToExtend: <String>{'img'}, tagsToExtend: <String>{'img'},
builder: (ExtensionContext extensionContext) { builder: (ExtensionContext extensionContext) {
int defaultImgQuality = 10;
defaultImgQuality = GlobalDataCache.imgQuality;
try { try {
final Map<String, dynamic> attributes = final Map<String, dynamic> attributes =
extensionContext.attributes; extensionContext.attributes;
@ -99,13 +103,13 @@ class HtmlRender extends StatelessWidget {
), ),
); );
}, },
child: CachedNetworkImage(imageUrl: imgUrl), child: ClipRRect(
borderRadius: BorderRadius.circular(12),
child: CachedNetworkImage(
imageUrl: '$imgUrl@${defaultImgQuality}q.webp',
),
),
); );
// return NetworkImgLayer(
// width: isEmote ? 22 : Get.size.width - 24,
// height: isEmote ? 22 : 200,
// src: imgUrl,
// );
} catch (err) { } catch (err) {
return const SizedBox(); return const SizedBox();
} }
@ -138,6 +142,14 @@ class HtmlRender extends StatelessWidget {
textAlign: TextAlign.justify, textAlign: TextAlign.justify,
), ),
'img': Style(margin: Margins.only(top: 4, bottom: 4)), 'img': Style(margin: Margins.only(top: 4, bottom: 4)),
'figcaption': Style(
textAlign: TextAlign.center,
margin: Margins.only(top: 8, bottom: 20),
color: Theme.of(context).colorScheme.secondary,
),
'figure': Style(
margin: Margins.zero,
),
}, },
); );
} }

21
lib/pages/opus/view.dart
View File

@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:pilipala/common/widgets/network_img_layer.dart'; import 'package:pilipala/common/widgets/network_img_layer.dart';
import 'package:pilipala/models/read/opus.dart'; import 'package:pilipala/models/read/opus.dart';
import 'controller.dart'; import 'controller.dart';
import 'text_helper.dart'; import 'text_helper.dart';
@ -26,16 +27,18 @@ class _OpusPageState extends State<OpusPage> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
appBar: _buildAppBar(), appBar: _buildAppBar(),
body: SingleChildScrollView( body: CustomScrollView(
controller: controller.scrollController, controller: controller.scrollController,
child: Column( slivers: [
mainAxisAlignment: MainAxisAlignment.start, SliverList(
crossAxisAlignment: CrossAxisAlignment.start, delegate: SliverChildListDelegate(
children: [ [
_buildTitle(), _buildTitle(),
_buildFutureContent(), _buildFutureContent(),
], ],
), ),
),
],
), ),
); );
} }

21
lib/pages/read/view.dart
View File

@ -6,6 +6,7 @@ import 'package:pilipala/models/read/opus.dart';
import 'package:pilipala/models/read/read.dart'; import 'package:pilipala/models/read/read.dart';
import 'package:pilipala/pages/opus/text_helper.dart'; import 'package:pilipala/pages/opus/text_helper.dart';
import 'package:pilipala/utils/utils.dart'; import 'package:pilipala/utils/utils.dart';
import 'controller.dart'; import 'controller.dart';
class ReadPage extends StatefulWidget { class ReadPage extends StatefulWidget {
@ -38,16 +39,18 @@ class _ReadPageState extends State<ReadPage> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
appBar: _buildAppBar(), appBar: _buildAppBar(),
body: SingleChildScrollView( body: CustomScrollView(
controller: controller.scrollController, controller: controller.scrollController,
child: Column( slivers: [
mainAxisAlignment: MainAxisAlignment.start, SliverList(
crossAxisAlignment: CrossAxisAlignment.start, delegate: SliverChildListDelegate(
children: [ [
_buildTitle(), _buildTitle(),
_buildFutureContent(), _buildFutureContent(),
], ],
), ),
),
],
), ),
); );
} }