| | |
| | | .flooer {
|
| | | width: 100vw;
|
| | | min-height: 128rpx;
|
| | | background: #323552; |
| | | border-radius: 32rpx 32rpx 0 0;
|
| | | background: #fff; |
| | | border-radius: 32rpx 32rpx 0 0; |
| | | box-shadow: 0 -1 4px rgba(0, 0, 0, 0.6);
|
| | | display: flex;
|
| | | align-items: center;
|
| | | justify-content: space-between;
|
| | |
| | | }
|
| | |
|
| | | .flooer_l {
|
| | | width: 540rpx;
|
| | | /* height: 68rpx; */
|
| | | margin-left: 32rpx;
|
| | | width: 100%;
|
| | | margin: 20rpx 0 20rpx 32rpx;
|
| | | border-radius: 40rpx;
|
| | | border:2rpx solid #F6F7FB; |
| | | background: #323552;
|
| | | border:2rpx solid rgba(0, 0, 0, 0.36); |
| | | background: #fff;
|
| | | display: flex;
|
| | | align-items: center;
|
| | | padding: 0 30rpx;
|
| | | }
|
| | |
|
| | | .flooer_l>.u-textarea { |
| | | background: #323552 !important;
|
| | | background: #fff !important;
|
| | | text-align: justify;
|
| | | padding: 16rpx 0;
|
| | | line-height: 1.2;
|
| | |
| | | "enable" : false |
| | | } |
| | | }, |
| | | "title" : "GPT专业版" |
| | | "title" : "Chat Fox" |
| | | } |
| | | } |
| | |
| | | ], |
| | | "globalStyle": { |
| | | "navigationBarTextStyle": "black", |
| | | "navigationBarTitleText": "AI智税", |
| | | "navigationBarTitleText": "Chat Fox", |
| | | "navigationBarBackgroundColor": "#F8F8F8", |
| | | "backgroundColor": "#F8F8F8" |
| | | }, |
| | |
| | | <template> |
| | | <view class="content"> |
| | | <u-navbar :bgColor="'#17181D'" placeholder :title="now_model.title" :titleStyle ="'color: #fff;'"> |
| | | <u-navbar :bgColor="'#302cd9'" placeholder :title="now_model.title" :titleStyle ="'color: #fff;'"> |
| | | <view slot="left"> |
| | | <u-icon @click="showLeftList = true" name="list" size="24" color="#fff"></u-icon> |
| | | <u-icon @click="showLeftList = true" name="list" size="16" color="#fff"></u-icon> |
| | | </view> |
| | | <view @click="create_newChat" slot="right"> |
| | | <u-icon name="plus" size="24" color="#fff"></u-icon> |
| | | <u-icon name="plus" size="16" color="#fff"></u-icon> |
| | | </view> |
| | | </u-navbar> |
| | | <view class="body"> |
| | |
| | | <zero-markdown-view :markdown="item.content"></zero-markdown-view> |
| | | </view> |
| | | <view style="position: absolute;right: 0;bottom: 10rpx;"> |
| | | <u-icon @click="copy(item)" name="file-text-fill" size="30"></u-icon> |
| | | <u-icon @click="copy(item)" name="file-text-fill" size="24" color="#302cd9"></u-icon> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | page { |
| | | background-color: #17181d; |
| | | box-sizing: border-box; |
| | | letter-spacing: 0; |
| | | word-wrap: break-word; |
| | | } |
| | | @import url("@/static/style/color-ui.css"); |
| | | |
| | | .safebottom { |
| | | padding-bottom: calc(112rpx + env(safe-area-inset-bottom)); |
| | | } |
| | |
| | | <style scoped> |
| | | .border_radius_l{ |
| | | border-top-left-radius:0; |
| | | background: #30324f; |
| | | background: #fff; |
| | | color: #222; |
| | | } |
| | | .border_radius_r{ |
| | | border-top-right-radius:0; |
| | | background: #54c867; |
| | | background: #fff; |
| | | color: #222; |
| | | } |
| | | </style> |
| | |
| | | </view> |
| | | </view> |
| | | <view class="flex justify-center align-center flex-direction"> |
| | | <button @click="toChat" style="width: calc(100vw - 60rpx); height: 100rpx;" class="cu-btn lines-cyan text-bold round"> |
| | | <button @click="toChat" style="width: calc(100vw - 60rpx); height: 100rpx;" class="cu-btn text-bold chat-button"> |
| | | 开始咨询 (余{{num}}次) </button> |
| | | </view> |
| | | <view class="tool padding-top-xl"> |
| | |
| | | } |
| | | } |
| | | </script> |
| | | <style> |
| | | /*每个页面公共css */ |
| | | @import url("@/static/style/color-ui.css"); |
| | | </style> |
| | | <style> |
| | | page { |
| | | background-color: #17181d; |
| | | box-sizing: border-box; |
| | | letter-spacing: 0; |
| | | word-wrap: break-word; |
| | | } |
| | | </style> |
| | | <style lang="scss"> |
| | | @import url("@/static/style/color-ui.css"); |
| | | |
| | | .chat-button{ |
| | | background: #302cd9 !important; |
| | | color: #fff; |
| | | } |
| | | |
| | | .tool { |
| | | width: calc(100vw - 60rpx); |
| | | margin: 15rpx auto; |
| | |
| | | </script> |
| | | |
| | | <style> |
| | | page { |
| | | background-color: #17181d; |
| | | box-sizing: border-box; |
| | | letter-spacing: 0; |
| | | word-wrap: break-word; |
| | | } |
| | | </style> |
| | | <style> |
| | | @import '../../components/css/index.css'; |
| | | </style> |
| | | <style scoped> |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | .uni-input-input{ |
| | | color: #fff !important; |
| | | } |
| | | </style> |
| | | |
| | | <style lang="scss"> |
| | | @import url("@/static/style/color-ui.css"); |
| | | |
| | | .input-text{ |
| | | border-radius: 22rpx; |
| | | background: #30324f; |
| | | background: #ecf4fd; |
| | | border: none; |
| | | padding: 20rpx 24rpx !important; |
| | | margin-bottom: 20rpx; |
| | |
| | | </style> |
| | | |
| | | <style> |
| | | @import url("@/static/style/color-ui.css"); |
| | | |
| | | .template-card { |
| | | background: #30324F; |
| | |
| | | "selectedIconPath": "static/tabbar/qad.png" |
| | | }, |
| | | chat: { |
| | | text: '开始聊天', |
| | | text: '聊天', |
| | | "pagePath": "/pages/index/chat", |
| | | "iconPath": "static/tabbar/c.png", |
| | | "selectedIconPath": "static/tabbar/cd.png" |
| | | }, |
| | | write: { |
| | | text: 'AI创作', |
| | | text: '创作教学', |
| | | "pagePath": "/pages/index/write", |
| | | "iconPath": "static/tabbar/wt.png", |
| | | "selectedIconPath": "static/tabbar/wtd.png" |
| | |
| | | // width: 100%; |
| | | } |
| | | </style> |
| | | <style> |
| | | page { |
| | | background-color: #17181d; |
| | | box-sizing: border-box; |
| | | letter-spacing: 0; |
| | | word-wrap: break-word; |
| | | } |
| | | </style> |
| | | <style lang="scss"> |
| | | .head-bg { |
| | | .user-info { |
| | |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | page { |
| | | background-color: #17181d; |
| | | box-sizing: border-box; |
| | | letter-spacing: 0; |
| | | word-wrap: break-word; |
| | | } |
| | | @import url("@/static/style/color-ui.css"); |
| | | |
| | | .form { |
| | | border-bottom-left-radius: 30rpx; |
| | |
| | | } |
| | | </style> |
| | | <style scoped> |
| | | page { |
| | | background-color: #15151f; |
| | | box-sizing: border-box; |
| | | letter-spacing: 0; |
| | | word-wrap: break-word; |
| | | } |
| | | .banner{ |
| | | width: 100vw; |
| | | height: calc(100vw * 0.324); |
| | |
| | | ==================== */ |
| | | |
| | | page { |
| | | background: #17181D; |
| | | background: #ecf4fd; |
| | | box-sizing: border-box; |
| | | letter-spacing: 0; |
| | | word-wrap: break-word; |
| | | font-size: 28rpx; |
| | | color: #333; |
| | | font-family: Helvetica Neue, Helvetica, sans-serif; |
| | |
| | | models: [], |
| | | is_loaded: false, |
| | | tabbar: { |
| | | "selectedColor": "#01e681", |
| | | "color": "#848597", |
| | | "selectedColor": "#302cd9", |
| | | "color": "#afbdca", |
| | | "fontSize": "16", |
| | | "list": [ |
| | | { |
| | | "text": "模型切换", |
| | | "text": "AI创作", |
| | | "pagePath": "pages/tab/assistant", |
| | | "iconPath": "static/tabbar/model.png", |
| | | "selectedIconPath": "static/tabbar/modeld.png" |
| | |
| | | if (reload) {} |
| | | return obj2strStyle({ |
| | | 'height': `${tabbarHeight}rpx`, |
| | | 'background-color': backgroundColor || '#323552', |
| | | 'background-color': backgroundColor || '#fff', |
| | | }) |
| | | }, |
| | | tabbarItemStyle() { |