|
|
<!-- pages/home/jl/jlai/jlai.wxml -->
|
|
|
<view class="ai-container" wx:if="{{isShow}}">
|
|
|
<view class="header">
|
|
|
<view class="reback" bindtap="go2Reback"></view>
|
|
|
<!-- 左上角返回图标 -->
|
|
|
<view class="title">星座精灵AI</view>
|
|
|
<!-- 标题，星座精灵AI -->
|
|
|
</view>
|
|
|
<!-- 非会员展示剩余免费次数 -->
|
|
|
<view wx:if="{{!userInfo.isChatVip}}" class="mfcs">免费次数剩余：{{times}}条</view>
|
|
|
<view wx:if="{{showChat}}" class="main">
|
|
|
<!-- 没有聊天初次展示 -->
|
|
|
<view class="ltkjj" wx:if="{{isBlank}}">
|
|
|
<view class="ltkjj-item">
|
|
|
<view class="ltat" data-lt="星座运势" bindtap="getContent" data-ctn="1">星座运势</view>
|
|
|
<view class="ltat" data-lt="星座占卜" bindtap="getContent" data-ctn="2">星座占卜</view>
|
|
|
</view>
|
|
|
<view class="ltkjj-item">
|
|
|
<view class="ltwm" data-lt="情感倾诉" bindtap="getContent" data-ctn="4">情感倾诉</view>
|
|
|
<view class="wzmxyx" data-lt="我和Ta未来会怎样" bindtap="getContent" data-ctn="5">
|
|
|
我和Ta未来会怎样
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="ltkjj-item">
|
|
|
<view class="lltqsfeaf" data-lt="帮我写一封情书" bindtap="getContent" data-ctn="7">
|
|
|
帮我写一封情书
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="ltkjj-btm">
|
|
|
<t-image src="https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-25.png" shape="circle" class="tximg"></t-image>
|
|
|
<view class="ltwzk">你好，我是你的星座守护精灵。除此之外，我还可以帮你解答更多问题。快来跟我聊聊吧！</view>
|
|
|
</view>
|
|
|
<!-- 没有聊天次数 并且不是会员 -->
|
|
|
<view class="ltkjj-btn" wx:if="{{!userInfo.isChatVip && !times}}">
|
|
|
<view class="kthybtn" bindtap="go2Member">
|
|
|
<view class="hyhgtx" bindtap="go2Member"></view>
|
|
|
开通会员
|
|
|
</view>
|
|
|
<view class="kthytips">开通会员享不限次畅聊</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 聊天内容 -->
|
|
|
<view class="chatbox" wx:else>
|
|
|
<view class="{{item.type === 1 ? 'chatbox1' : 'chatbox2'}}" wx:for="{{chatList}}" wx:key="index">
|
|
|
<image src="https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-25.png" shape="circle" class="chattoux" wx:if="{{item.type==2}}"></image>
|
|
|
<view class="chattoux" wx:if="{{item.type==1}}">
|
|
|
<image src="{{userInfo.avatar ? userInfo.avatar : list['elf-avatar']}}"></image>
|
|
|
</view>
|
|
|
<view class="chatinfo">{{item.value}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 底部按钮 -->
|
|
|
<view class="ai-btm">
|
|
|
<view class="ltk1">
|
|
|
<view class="ltk1txt">
|
|
|
<t-textarea disabled="{{showChatToast}}" class="ltk1txt1" model:value="{{ltinfo}}" placeholder="输入聊天内容" bindblur="go2BB" data-lt="{{ltinfo}}" bindchange="go2BB"></t-textarea>
|
|
|
</view>
|
|
|
<view class="addbtn" bindtap="addClick"></view>
|
|
|
<!-- 加号按钮 -->
|
|
|
<view class="fsan" bindtap="go2Send" data-lt="{{ltinfo}}"></view>
|
|
|
<!-- 发送按钮 -->
|
|
|
</view>
|
|
|
<!-- 快捷键 -->
|
|
|
<view class="myshkjj" wx:if="{{isAdd}}">
|
|
|
<view class="myshkjj-container">
|
|
|
<view class="myshkjjco myshkjjxzys" data-lt="星座运势" bindtap="getContent" data-ctn="1">
|
|
|
星座运势
|
|
|
</view>
|
|
|
<view class="myshkjjco myshkjjxxzb" data-lt="星座占卜" bindtap="getContent" data-ctn="2">
|
|
|
星座占卜
|
|
|
</view>
|
|
|
<view class="myshkjjco myshkjjbwxyfqs" data-lt="帮我写一封情书" bindtap="getContent" data-ctn="5">
|
|
|
帮我写一封情书
|
|
|
</view>
|
|
|
<view class="myshkjjco myshkjjwhtwlhzy" data-lt="我和Ta未来会怎样" bindtap="getContent" data-ctn="6">
|
|
|
我和Ta未来会怎样
|
|
|
</view>
|
|
|
<view class="myshkjjco myshkjjqgqs" data-lt="情感倾诉" bindtap="getContent" data-ctn="7">
|
|
|
情感倾诉
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 没有免费次数提示 -->
|
|
|
<view class="noChat" wx:if="{{showChatToast}}">
|
|
|
<view class="noChat-taost">
|
|
|
<view class="noChat-taost-top">
|
|
|
<image class="taost-top-left" src="https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-25.png" />
|
|
|
<view class="taost-top-right">
|
|
|
<view>没有免费次数啦~</view>
|
|
|
<view>开通会员，可享无限次畅聊哦！</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="noChat-taost-btm">
|
|
|
<view class="taost-btm-btn">
|
|
|
<view class="btn" bindtap="go2Member">
|
|
|
<view class="btn-img" bindtap="go2Member" />
|
|
|
开通会员
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="taost-btm-text">开通会员享不限次畅聊</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view> |
