伪原创小程序

是陈教授呀

已于 2022-11-10 22:56:22 修改

阅读量418

点赞数 1

文章标签：微信小程序小程序

于 2022-11-06 20:04:56 首次发布

本文链接：https://blog.youkuaiyun.com/kinga123b/article/details/127720167

版权

**演示小程序：
原项目地址下载地址：
如果看可以到项目地址下载这个是不收费的，
如果想看，下面有源代码，可以复制到微信开发者中使用
哈楼，我是陈叫兽呀。几个小时不见甚是想念。5个小时，我写了一款ai伪原创小程序，是由php接口对接的。
那么我们看看界面
请添加图片描述
ps：界面参考同类型小程序的写的。
代码展示

.index {
    background-color: #fff;
    padding: 0 35rpx;
    position: relative;
}
.top {
    padding: 20rpx 0;
}

.title {
    color: #656565;
    font-size: 60rpx;
    font-weight: 650;
    letter-spacing: 5rpx;
}

.result {
    display: flex;
    margin: 20rpx 0;
}

.txt {
    color: #656565;
    font-size: 35rpx;
    font-weight: 700;
}

.count {
    color: #07c160;
    padding: 0 10rpx;
}

.search {
    background-color: #f8f8f8;
    border-radius: 15rpx;
    box-shadow: 0 0rpx 1rpx rgba(0,0,0,.04);
    display: flex;
    height: 100rpx;
    padding-top: 0;
    position: relative;
    width: 100%;
}

.delete {
    display: block;
    right: 17%;
    top: 38%;
    z-index: 10;
}

.del,.delete {
    position: absolute;
}

.del {
    height: 25rpx;
    right: -9rpx;
    top: 20%;
    width: 25rpx;
}

input {
    background-color: #f8f8f8;
    border-radius: 15rpx;
    display: block;
    font-size: 35rpx;
    height: 100%;
    padding-left: 34rpx;
    position: relative;
    width: 72%;
}

button:not([size="mini"]) {
    border-radius: 40rpx;
    width: 30%;
}

.glass {
    display: inline-block;
    height: 50rpx;
    line-height: 100rpx;
    margin: 27rpx 22rpx;
    position: absolute;
    right: 8rpx;
    text-align: center;
    width: 50rpx;
}

.single {
    background-color: #f8f8f8;
    border-radius: 15rpx;
    box-shadow: 0 0rpx 1rpx rgba(0,0,0,.04);
    height: 150rpx;
    margin: 30rpx 0;
    width: 100%;
}

.single_content {
    justify-content: space-between;
    padding: 35rpx 25rpx;
}

.single_content,.single_l {
    display: flex;
}

.single_l {
    width: 83%;
}

.single_l image {
    height: 80rpx;
    width: 80rpx;
}

.single_c {
    margin-left: 30rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}

.name {
    font-size: 28rpx;
    font-weight: 600;
    white-space: nowrap;
    width: 100%;
}

.file {
    color: #656565;
    font-size: 20rpx;
    font-weight: 400;
    margin-top: 10rpx;
}

.single_r {
    line-height: 90rpx;
    text-align: center;
    width: 10%;
}

.single_r image {
    height: 40rpx;
    width: 40rpx;
}

.down {
    height: 80rpx;
    margin: 20rpx 0;
    position: relative;
    width: 100%;
}

.ad {
    bottom: 8%;
    position: fixed;
    right: 4%;
    width: 30%;
}
@keyframes fadenum{

    50%{transform:translateY(12rpx);}
 
 }
.down_text {
    color: #a9a9a9;
    font-size: 30rpx;
    line-height: 80rpx;
    position: absolute;
    text-align: center;
    width: 100%;
}
.detail {
    height: 100vh;
    margin: 60rpx 35rpx;
}

.punch {
    letter-spacing: 6rpx;
    margin: 40rpx 0;
}

.punch_text {
    color: #656565;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 15px;
}

.text_c {
    color: #07c160;
}

.text_c,.text_cc {
    display: inline-block;
    font-weight: 650;
}

.text_cc {
    color: #ec2a2a;
}

.punch_title {
    color: #656565;
    font-size: 25rpx;
    font-weight: 700;
    margin-bottom: 30rpx;
}

.punch_coun {
    display: flex;
    font-size: small;
    margin: 30rpx 0;
}

.punch_copy,.title {
    color: #07c160;
}

.title {
    font-size: 45rpx;
    font-weight: 700;
    margin-bottom: 30rpx;
    text-align: center;
}

.container {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40rpx 0 20rpx;
}

.container,.content {
    display: flex;
}

.content {
    background-color: #f8f8f8;
    border-radius: 20rpx;
    box-shadow: 0 0 .8px #c1d3ea;
    height: 100rpx;
    margin: 25rpx 0;
    width: 44%;
}

.content,.file {
    line-height: 100rpx;
}

.file {
    text-align: center;
    width: 100%;
}

.images1 {
    height: 15rpx;
    margin-right: 30rpx;
    margin-top: 4PX;
    width: 15rpx;
}

.graee {
    background-color: #07c160;
}

.share {
    border-radius: 25rpx;
    line-height: 60rpx;
}

.text1 {
    color: #fff;
}

button {
    background-color: #f8f8f8;
    border-radius: 25rpx;
    margin: 0;
    padding: 0;
}


.copy {
    height: 35rpx;
    margin-right: 15rpx;
    width: 35rpx;
}

.text {
    display: inline-block;
    font-size: 32rpx;
    font-weight: 500;
}

.public {
    background-color: #fff;
    color: #c0bdbd;
    font-size: 30rpx;
}

.Praise,.public {
    text-align: center;
}

.Praise {
    height: 140rpx;
    position: relative;
    width: 100%;
}
@keyframes box-ani {
    from {transform: rotate(0)}
    to {transform: rotate(360deg)}
  }
.songimg{
    border-radius:50%;
    position: relative;
    /* margin-left: -30rpx; */
}
.marquee {
    position: relative;
    width: 100%;
    height: 50rpx;
    line-height: 50rpx;
    white-space: nowrap;
    overflow: hidden;
    font-size:30rpx;
    color: #fff;
  }
  
  .main {
    position: absolute;
  }
.Praise_img {
    left: 26%;
    margin: 0;
    position: absolute;
}

<view style="width: 96%;background: rgb(255, 255, 255);margin: auto;margin-top: 12px;">
<view style="padding: 10px;">ai伪原创</view>
<view style="padding: 20px;"><textarea bindinput="url" class="url_input" maxlength="2000" placeholder="输入文案/文字进行伪原创" type="text" value="{{url}}" disabled="{{cjpd}}" style="width: 100%;"></textarea>
</view>
<view style="width: 100%;display: flex;">
<view style="width: 30%;height: 30px;margin:auto;display: flex;flex-wrap: wrap;">
<view style="width: 40%;display: flex;align-items: center;justify-content: center;background-color: whitesmoke;">可输入</view>
<view style="width: 40%;display: flex;align-items: center;justify-content: center;background-color: #85fcaf;">2000</view>
<view style="width: 20%;display: flex;align-items: center;justify-content: center;background-color:#63f897;">字</view>
</view>
<view style="width: 30%;height: 30px;margin:auto;display: flex;flex-wrap: wrap;">
<view style="width: 40%;display: flex;align-items: center;justify-content: center;background-color: whitesmoke;">以输入</view>
<view style="width: 40%;display: flex;align-items: center;justify-content: center;background-color: #fdf475;">{{!zs?'0':zs}}</view>
<view style="width: 20%;display: flex;align-items: center;justify-content: center;background-color:#63f897;">字</view>
</view>
<view style="width: 30%;height: 30px;margin:auto;display: flex;flex-wrap: wrap;">
<view style="width: 40%;display: flex;align-items: center;justify-content: center;background-color: whitesmoke;">还可输入</view>
<view style="width: 40%;display: flex;align-items: center;justify-content: center;background-color: #fcef3b;">{{!sr?'2000':sr}}</view>
<view style="width: 20%;display: flex;align-items: center;justify-content: center;background-color:#fa6767;">字</view>
</view>
</view>
<view style="height: 10px;"></view>
</view>
<view style="width: 96%;margin: auto;margin-top: 12px;height: 30px;">
<view style="width: 40%;background-color: #00d1b2;height: 30px;margin: auto;display: flex;align-items: center;justify-content: center;color: rgb(255, 255, 255);" bindtap="tj">进行AI伪原创</view>
</view>
<view style="width: 96%;background: rgb(255, 255, 255);margin: auto;margin-top: 12px;">
<view style="padding: 10px;">结果</view>
<view style="padding: 20px;"><textarea bindinput="url" class="url_input" maxlength="2000" placeholder="{{!tx?'你还没输入文案':tx}}" type="text" value="{{txt}}" disabled="{{txt}}" style="width: 100%;"></textarea>
</view>
<view style="display:flex;width: 100%;">
    <view style="width: 40%;background-color: #00d1b2;height: 30px;margin: auto;display: flex;align-items: center;justify-content: center;color: rgb(255, 255, 255);" bindtap="fz">复制文案</view>
    </view>
    <view style="height: 10px;"></view>
</view>
<view style="padding: 15px;color: rgb(99, 98, 98);">本功能【永久免费使用、不限次数】因服务器资源问题，对其字数作限制只能输入2000字</view>