components/css/index.css
@@ -1,19 +1,29 @@ .body{ padding: 30rpx; } .body_lpic,.body_rpic{ .body_lpic, .body_rpic { width: 80rpx; height: 80rpx; border-radius: 50%; overflow: hidden;background: #EDEDED; overflow: hidden; background: #EDEDED; } .body_l,.body_r{ display: flex;align-items: flex-start;margin-bottom: 50rpx; .body_l, .body_r { display: flex; align-items: flex-start; margin-bottom: 50rpx; } .body_r{ justify-content: flex-end; } .body_lcon,.body_rcon{ .body_lcon, .body_rcon { /* font-size: 32rpx; */ /* font-weight: 500; */ position: relative; @@ -31,12 +41,18 @@ line-height:1; max-width: 500rpx; } .mark-content{ /* padding: 0 15rpx!important; */ } .body_lcon{ color: #57546F;background: #F6F7FB;margin-left: 36rpx;margin-right: 60rpx; color: #57546F; background: #F6F7FB; margin-left: 36rpx; margin-right: 60rpx; } .body_rcon{ /* color: #ffffff; */ /* background: #4E82FA; */ @@ -47,59 +63,83 @@ background: #F6F7FB; /* margin-left: 15rpx; */ } .body_r .body_rcon{ margin-right: 15rpx; } .body_l .body_rcon{ margin-right: 55rpx; margin-left: 15rpx; } .body_box{ position: relative; } .body_jt{ position: absolute; /* left: 12rpx; */ top: 24rpx;z-index: 2; top: 24rpx; z-index: 2; /*markdown兼容样式*/ left: -5rpx; } .body_rjt{ position: absolute; right: 12rpx; top: 24rpx;z-index: 2; top: 24rpx; z-index: 2; /*markdown兼容样式*/ right: -5rpx; } .flooer{ width: 100vw; min-height: 98rpx; background: #FFFFFF; display: flex;align-items: center;justify-content: space-between; position: fixed;bottom: 0;left: 0;z-index: 999;border-top: 1rpx solid #E9E9E9;border-bottom: 1rpx solid #E9E9E9; min-height: 128rpx; background: #323552; border-radius: 32rpx 32rpx 0 0; display: flex; align-items: center; justify-content: space-between; position: fixed; bottom: 0; left: 0; z-index: 999; } .flooer_l{ width: 540rpx; /* height: 68rpx; */ margin-left: 30rpx; border-radius: 30rpx; background: #F6F7FB;display: flex;align-items: center; margin-left: 32rpx; border-radius: 40rpx; border:2rpx solid #F6F7FB; background: #323552; display: flex; align-items: center; padding: 0 30rpx; } .flooer_l > .u-textarea { background: #F6F7FB !important; background: #323552 !important; text-align: justify; padding: 20rpx 0; padding: 16rpx 0; line-height: 1.2; } .flooer_rpic{ width: 48rpx; height: 48rpx; } .flooer_r{ padding: 0 30rpx;height: 100%;display: flex;align-items: center; padding: 0 30rpx; height: 100%; display: flex; align-items: center; } .update{ width: 100vw; height: 100vh; @@ -112,11 +152,13 @@ justify-content: center; z-index: 10000; } .update_box{ width: 550upx; height: 818upx; position: relative; } .update_box image{ position: absolute; top: 0; @@ -125,6 +167,7 @@ height: 100%; z-index: 1; } .update_bav{ width: 100%; height: 100%; @@ -133,10 +176,12 @@ left: 0; z-index: 100; } .update_title{ margin: 473upx 48upx 0 48upx; height: 184upx; } .update_btn{ font-size: 28upx; font-weight: 400; @@ -153,10 +198,12 @@ left: 50%; margin-left: -180upx; } .unp_icon{ width: 56upx; height: 56upx; } .update_op{ width: 88upx; height: 88upx; @@ -166,11 +213,13 @@ margin: auto; margin-top: 60upx; } .update_title .update_text{ font-size: 28upx; font-weight: 400; color: #666666; } .agreement { width: 100vw; height: 100vh; @@ -184,11 +233,13 @@ justify-content: center; font-family: '宋体'; } .agssold{ width: 1upx; height: 80%; background: #333333; } .agreement-box { width: 540upx; background: #FFFFFF; @@ -196,11 +247,13 @@ padding: 58upx 40upx 28upx 40upx; position: relative; } .agreement-main{ /* height: 230px; */ padding-bottom: 78upx; margin-top: 41upx; } .agreement-title { text-align: center; font-size:38upx; @@ -221,7 +274,9 @@ align-items: center; justify-content: center; } .tong,.ton{ .tong, .ton { width:240upx; height:68upx; border:1upx solid transparent; @@ -230,15 +285,18 @@ line-height: 68upx; font-size: 32upx; } .ton{ border:1upx solid rgba(102,102,102,1); } .tong { color: #FFFFFF; background: #953EF1; border: 1upx solid #953EF1; margin-left: 28upx; } .ags text{ color: #953EF1; } package-lock.json
@@ -1,5 +1,5 @@ { "name": "chatgpt-uniapp-vip-1.2.0", "name": "chatgpt-AI", "lockfileVersion": 2, "requires": true, "packages": { pages/index/chat.vue
@@ -1,6 +1,6 @@ <template> <view class="content"> <u-navbar :bgColor="'#202123'" placeholder :title="now_model.title" :titleStyle ="'color: #fff;'"> <u-navbar :bgColor="'#17181D'" placeholder :title="now_model.title" :titleStyle ="'color: #fff;'"> <view slot="left"> <u-icon @click="showLeftList = true" name="list" size="24" color="#fff"></u-icon> </view> @@ -474,7 +474,7 @@ <style lang="scss"> .safebottom { padding-bottom: calc(100rpx + env(safe-area-inset-bottom)); padding-bottom: calc(112rpx + env(safe-area-inset-bottom)); } .left-wrap { width: 525rpx; pages/index/home.vue
@@ -1,21 +1,21 @@ <template> <view> <view class="margin-top-xl"> <view v-if="config.site_title" class="flex align-center justify-center flex-direction padding-xl margin-top-lg"> <view v-if="config.site_title" class="flex align-center justify-center flex-direction padding margin-top-lg"> <image v-if="config.site_title" :src="main_model.icon ? `http://ai.shsening.com${main_model.icon}` : ''" mode="aspectFill" style="background-color: #f4f5f6;width: 160rpx;height: 160rpx;" class="round"></image> <view class="text-bold text-xxl text-orange padding-tb"> {{ main_model.title ? main_model.title : '专业版' }} </view> <view style="width: 650rpx;" class="padding-bottom" v-if="config.home_notice"> <view class="text-bold text-xxl text-cyan padding-tb"> {{ main_model.title ? main_model.title : '专业版' }} </view> <view style="width: calc(100vw - 60rpx);" class="padding-bottom" v-if="config.home_notice"> <u-notice-bar :text="config.home_notice" mode="closable"></u-notice-bar> </view> <view class="cu-card bg-gradual-blue padding shadow-blur radius text-lg" <view class="cu-card bg-gradual-blue padding radius text-lg" style="line-height: 1.5;text-align: justify;"> {{ main_model.description ? main_model.description : '你好，欢迎体验智财小屋！我是人工智能胖大海，并经过至今最新的财税法律方面专门训练，因此我可以回答你在财税领域所有的问题，如您有使用问题，可以查阅个人中心-使用指南！' }} </view> </view> </view> <view class="flex justify-center align-center flex-direction"> <button @click="toChat" style="width: 650rpx;height: 100rpx;" class="cu-btn lines-orange text-bold round"> <button @click="toChat" style="width: calc(100vw - 60rpx); height: 100rpx;" class="cu-btn lines-cyan text-bold round"> 开始咨询 (余{{num}}次) </button> </view> <!-- <text>{{ main_model.icon ? `http://ai.shsening.com${main_model.icon}` : '' }}</text> --> @@ -149,7 +149,7 @@ <style lang="scss"> .tool { width: 90%; width: calc(100vw - 60rpx); margin: 15rpx auto; .header { @@ -165,22 +165,23 @@ justify-content: space-between; .item { width: 30%; width: calc(calc(100vw - 60rpx - 30rpx) / 3); display: flex; flex-direction: column; align-items: center; background-color: #F0FAF8; margin: 15rpx 0rpx; background-color: #30324f; margin: 12rpx 0rpx; padding: 30rpx 0rpx; border-radius: 10rpx; .title { color: #1B2B20; color: #fff; font-size: 28rpx; margin-top: 15rpx; } .desc { color: #67776C; color: #93949d; font-size: 24rpx; } } pages/index/write.vue
@@ -16,18 +16,18 @@ <!-- <button class="cu-btn bg-gradual-orange round">我的创作</button> --> </view> </view> <view class="cu-bar bg-white text-orange"> <view class="cu-bar text-cyan"> <view class="action"> <text class="icon-titles text-orange"></text> <text class="text-cyan"></text> <text class="text-lg text-bold">创作类型</text> </view> </view> <view class="padding-lr"> <u-input v-model="title" placeholder="输入需要AI为你创作的文本类型,如:小红书文案" /> </view> <view class="cu-bar bg-white text-orange padding-right"> <view class="cu-bar text-cyan padding-right"> <view class="action"> <text class="icon-titles text-orange"></text> <text class="text-cyan"></text> <text class="text-lg text-bold">主要内容</text> </view> <button @click="submit" class="cu-btn line-blue radius text-bold">提交</button> @@ -37,10 +37,10 @@ placeholder="输入需要AI为你创作的文本主要内容及要求,如:一个关于戒指的小红书产品文案，要求以网红种草博主的口吻，博主身份为网红女生，文案中最好多带一些emoji表情" :adjustPosition="false"></u--textarea> </view> <view class="cu-bar bg-white text-orange padding-right"> <view class="cu-bar text-cyan padding-right"> <view class="action"> <text class="icon-titles text-orange"></text> <text class="text-lg text-bold">🤖AI创作</text> <text class="text-cyan"></text> <text class="text-lg text-bold">AI创作</text> </view> <view class="flex" v-if="answerStatus == 2"> <button class="cu-btn line-black radius text-bold">重新生成</button> @@ -53,20 +53,20 @@ <zero-markdown-view style="padding: 0;" :markdown="answer"></zero-markdown-view> </view> </view> <view class="cu-bar bg-white text-orange"> <view class="cu-bar text-cyan"> <view class="action"> <text class="icon-titles text-orange"></text> <text class="text-cyan"></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-orange text-df"> <view class="flex align-center text-cyan text-df"> <view class="icon-tagfill"></view> <view class="text-bold">{{item.title}}</view> </view> <view v-if="item.children.length > 0" class="flex flex-wrap justify-between align-center padding-tb-sm"> <view v-for="child in item.children" :key="child.write_template_id" class="template-card bg-orange light"> <view v-for="child in item.children" :key="child.write_template_id" class="template-card light"> <view class="write-title"> {{child.title}} </view> <view class="write-sub-title"> {{child.description}} </view> </view> @@ -325,8 +325,8 @@ .template-card { /* background: #f5f8f7; */ border-radius: 10px; background: #30324F; border-radius: 24rpx; padding: 15px; width: 48%; margin-bottom: 15px; @@ -338,15 +338,15 @@ font-size: 15px; font-weight: 700; margin-bottom: 9px; /* color: #000; */ color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .write-sub-title { /* color: #8f9ca2; */ font-size: 12px; color: #93949d; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; @@ -373,10 +373,10 @@ } .anser-area { box-shadow: 0 0 10px 5px hsla(0, 0%, 62%, .21176470588235294); margin-top: 20rpx; border-radius: 5px; padding: 8px; color: #93949D; background: #30324F; border-radius: 32rpx; padding: 24rpx; min-height: 120px; }
@@ -155,7 +155,7 @@ <style lang="scss"> page { background-color: #f3f3f3; background-color: #17181d; box-sizing: border-box; letter-spacing: 0; word-wrap: break-word; @@ -265,8 +265,7 @@ min-height: 168rpx; width: 347rpx; border-radius: 10rpx; background-color: #fff; box-shadow: 2px 2px 5px #f8f8f8; background-color: #30324f; margin-top: 20rpx; .label_wrap { @@ -296,14 +295,14 @@ .tool_name { font-size: 28rpx; font-weight: 600; color: #333; color: #fff; } .tool_hint { margin-top: 15rpx; font-size: 18rpx; font-size: 24rpx; font-weight: 500; color: #999; color: #93949d; } }
@@ -5,7 +5,7 @@ ==================== */ page { /* background: #F5F6F9; */ background: #17181D; font-size: 28rpx; color: #333; font-family: Helvetica Neue, Helvetica, sans-serif; @@ -3643,7 +3643,7 @@ } .text-cyan, .line-cyan, .lines-cyan { color: #1cbbb4; color: #8BE0E4; } .text-blue, .line-blue, .lines-blue { static/tabbar/c.pngstatic/tabbar/cd.pngstatic/tabbar/home.pngstatic/tabbar/homed.pngstatic/tabbar/mine.pngstatic/tabbar/mined.pngstatic/tabbar/model.pngstatic/tabbar/modeld.pngstatic/tabbar/wt.pngstatic/tabbar/wtd.pngstore/index.js
@@ -16,7 +16,8 @@ models: [], is_loaded: false, tabbar: { "selectedColor": "#FF9900", "selectedColor": "#fff", "color": "#848597", "fontSize": "16", "list": [ { @@ -26,7 +27,7 @@ "selectedIconPath": "static/tabbar/modeld.png" }, { "text": "个人中心", "text": "我的", "pagePath": "pages/mine/mine", "iconPath": "static/tabbar/mine.png", "selectedIconPath": "static/tabbar/mined.png" uni_modules/m-tabbar/components/m-tabbar/m-tabbar.vue
@@ -101,7 +101,7 @@ }, tabbarHeight: { type: [Number, String], default: 100 default: 112 } }, data() { @@ -195,7 +195,7 @@ if (reload) {} return obj2strStyle({ 'height': `${tabbarHeight}rpx`, 'background-color': backgroundColor || '#fff', 'background-color': backgroundColor || '#323552', }) }, tabbarItemStyle() { @@ -410,12 +410,12 @@ flex-direction: column; align-items: center; flex: 1; padding: 4px 0 2px; padding: 8px 0 0; } .m-tabbar__icon { width: 48rpx; height: 48rpx; width: 44rpx; height: 44rpx; margin-bottom: 6rpx; position: relative;
