From 9563b1b03728efbccf66c59d4deb83c4a83ebafc Mon Sep 17 00:00:00 2001
From: zhaoxing <zhaoxing@shsening.com>
Date: 星期六, 13 五月 2023 12:47:27 +0800
Subject: [PATCH] 样式修改
---
pages/index/write.vue | 73 +++++++++++++++++++++++++++---------
1 files changed, 54 insertions(+), 19 deletions(-)
diff --git a/pages/index/write.vue b/pages/index/write.vue
index 215e799..c8e4712 100755
--- a/pages/index/write.vue
+++ b/pages/index/write.vue
@@ -1,7 +1,7 @@
<template>
<view>
<!-- #ifndef H5 -->
- <u-navbar placeholder title="AI瑙ｇ瓟">
+ <u-navbar placeholder title="AI鍒涗綔鏁欏">
</u-navbar>
<!-- #endif -->
<view class="">
@@ -10,36 +10,36 @@
height="234rpx"></u--image>
<view class="content-wrap">
<view class="content">
- <view class="text-bold text-xxl">AI鍒涗綔</view>
+ <view class="text-bold text-xxl">AI鍒涗綔鏁欏</view>
<view class="text-bold text-lg padding-top-xs">鍚彂鐏垫劅锛屼笓娉ㄥ垱閫�</view>
</view>
<!-- <button class="cu-btn bg-gradual-orange round">鎴戠殑鍒涗綔</button> -->
</view>
</view>
- <view class="cu-bar text-cyan">
+ <view class="cu-bar text-green">
<view class="action">
- <text class="text-cyan"></text>
+ <text class="text-green"></text>
<text class="text-lg text-bold">鍒涗綔绫诲瀷</text>
</view>
</view>
<view class="padding-lr">
- <u-input v-model="title" placeholder="杈撳叆闇�瑕丄I涓轰綘鍒涗綔鐨勬枃鏈被鍨�,濡�:灏忕孩涔︽枃妗�" />
+ <u-input v-model="title" class="input-text" placeholder="杈撳叆闇�瑕丄I涓轰綘鍒涗綔鐨勬枃鏈被鍨�,濡�:灏忕孩涔︽枃妗�" />
</view>
- <view class="cu-bar text-cyan padding-right">
+ <view class="cu-bar text-green padding-right">
<view class="action">
- <text class="text-cyan"></text>
+ <text class="text-green"></text>
<text class="text-lg text-bold">涓昏鍐呭</text>
</view>
- <button @click="submit" class="cu-btn line-blue radius text-bold">鎻愪氦</button>
</view>
- <view class="padding-lr ">
+ <view class="input-btn">
<u--textarea height="90" v-model="desc"
placeholder="杈撳叆闇�瑕丄I涓轰綘鍒涗綔鐨勬枃鏈富瑕佸唴瀹瑰強瑕佹眰,濡�:涓�涓叧浜庢垝鎸囩殑灏忕孩涔︿骇鍝佹枃妗堬紝瑕佹眰浠ョ綉绾㈢鑽夊崥涓荤殑鍙ｅ惢锛屽崥涓昏韩浠戒负缃戠孩濂崇敓锛屾枃妗堜腑鏈�濂藉甯︿竴浜沞moji琛ㄦ儏"
:adjustPosition="false"></u--textarea>
+ <button @click="submit" class="btn">鎻� 浜�</button>
</view>
- <view class="cu-bar text-cyan padding-right">
+ <view class="cu-bar text-green padding-right">
<view class="action">
- <text class="text-cyan"></text>
+ <text class="text-green"></text>
<text class="text-lg text-bold">AI鍒涗綔</text>
</view>
<view class="flex" v-if="answerStatus == 2">
@@ -53,15 +53,15 @@
<zero-markdown-view style="padding: 0;" :markdown="answer"></zero-markdown-view>
</view>
</view>
- <!-- <view class="cu-bar text-cyan">
+ <!-- <view class="cu-bar text-green">
<view class="action">
- <text class="text-cyan"></text>
+ <text class="text-green"></text>
<text class="text-lg text-bold">甯哥敤妯℃澘</text>
</view>
</view> -->
<!-- <view class="padding-lr">
<view v-for="item in write_template" :key="item.write_template_id">
- <view class="flex align-center text-cyan text-df">
+ <view class="flex align-center text-green text-df">
<view class="icon-tagfill"></view>
<view class="text-bold">{{item.title}}</view>
</view>
@@ -291,7 +291,44 @@
}
</script>
+<style>
+ .uni-input-input{
+ color: #fff !important;
+ }
+</style>
+
<style lang="scss">
+ .input-text{
+ border-radius: 22rpx;
+ background: #30324f;
+ border: none;
+ padding: 20rpx 24rpx !important;
+ margin-bottom: 20rpx;
+ color: #fff;
+ }
+ .input-btn{
+ background: #30324f;
+ margin: 0 30rpx 20rpx 30rpx;
+ border-radius: 22rpx;
+ overflow: hidden;
+
+ .u-textarea--radius{
+ border-radius: 0 0 22rpx 22rpx;
+ border: none;
+ font-size: 26rpx;
+ padding: 24rpx;
+ }
+
+ .btn{
+ width: 100%;
+ border-radius: 0;
+ background: #30324f;
+ color: #01e681;
+ border: none;
+ height: 80rpx;
+ line-height: 74rpx;
+ }
+ }
.topbg {
position: relative;
@@ -299,8 +336,8 @@
position: absolute;
top: 0;
left: 0;
- width: 750rpx;
- height: 234rpx;
+ width: 100vw;
+ height: calc(100vw * 0.32);
background-color: rgba(0, 0, 0, 0.39);
.content {
@@ -321,8 +358,6 @@
<style>
@import url("@/static/style/color-ui.css");
-
-
.template-card {
background: #30324F;
@@ -375,7 +410,7 @@
.anser-area {
color: #93949D;
background: #30324F;
- border-radius: 32rpx;
+ border-radius: 22rpx;
padding: 24rpx;
min-height: 120px;
}
--
Gitblit v1.9.1