fix ui
This commit is contained in:
@@ -9,6 +9,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="sentence-section {{introStarted ? 'intro-sentence' : ''}}" style="min-height: {{sentenceMinHeight}}px; margin-top: {{sentenceMarginTop}}px; transform: translateY({{dragSentenceTranslateY}}px);" bindtouchstart="onSentenceTouchStart" bindtouchmove="onSentenceTouchMove" bindtouchend="onSentenceTouchEnd">
|
||||
<view class="sentence-handle"></view>
|
||||
<view class="sentence-container">
|
||||
<view class="sentence-content">
|
||||
<view class="sentence-wrapper {{selectedSentenceIndex === index ? 'selected' : ''}}" wx:for="{{processedSentences}}" wx:key="index" data-index="{{index}}" bindtap="handleSentenceSelect">
|
||||
|
||||
@@ -58,9 +58,20 @@
|
||||
border-top-left-radius: 24rpx;
|
||||
border-top-right-radius: 24rpx;
|
||||
box-shadow: 0 -24rpx 24rpx 0 rgba(0,0,0,0.2);
|
||||
will-change: transform, opacity;
|
||||
opacity: 0;
|
||||
transition: transform 120ms ease-out, opacity 120ms ease-out;
|
||||
will-change: transform;
|
||||
transition: transform 120ms ease-out;
|
||||
}
|
||||
|
||||
.sentence-handle {
|
||||
position: absolute;
|
||||
top: 12rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 120rpx;
|
||||
height: 8rpx;
|
||||
border-radius: 16rpx;
|
||||
background: #dddddd;
|
||||
box-shadow: 0 0 12rpx rgba(0,0,0,0.12);
|
||||
}
|
||||
|
||||
.sentence-container {
|
||||
|
||||
@@ -96,6 +96,7 @@
|
||||
</view>
|
||||
<t-action-sheet id="t-images-sheet" bind:selected="handleImageSelected" />
|
||||
</view>
|
||||
<view class="date-section"></view>
|
||||
<!-- 历史记录区域 -->
|
||||
<!-- 仅在加载更多时显示骨架屏 -->
|
||||
<t-skeleton wx:if="{{isLoading && page >= 1}}" theme="paragraph" animation="gradient" loading="{{true}}"></t-skeleton>
|
||||
|
||||
Reference in New Issue
Block a user