微信小程序源码分享

已于 2023-12-03 22:27:27 修改
阅读量1.9k 收藏 37
点赞数 37
文章标签： 微信小程序 notepad++ 小程序
于 2023-12-03 16:46:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44962939/article/details/134766335
版权

现在的微信小程序非常火爆，网上也有很多学习资源，但是源码资源还是很少的，目前推出一款，关于社交、爬虫、资源、游戏等结合与一身的源码，供学习使用。

一、源码展示

<template>
  <view class="boy">
<!--    <scroll-view class="scrool-more" style="height: 100%" scroll-y="true" scroll-with-animation="true">-->


<!--    </scroll-view>-->

    <view v-if="openstatus==='0'" class="fadeInToptBig animated">
      <scroll-view class="scrool-more" style="height: 70%" scroll-y="true" scroll-with-animation="true" bindscrolltolower="onReachBottom">
        <view  :style="{'height':scrollHeight+'px'}" style="overflow: hidden;">
        <movable-refresh ref="movableRefresh" :scrollHeight="scrollHeight" :noMore="noMore"  :showGoTop="true" :isRefresh="false"
                         @refresh="refresh" @loadMore="loadMore" @="">
          <uni-swiper-dot class="uni-swiper-dot-box" @clickItem=clickItem :current="current"
                          field="content">
            <swiper class="swiper-box" @change="change" :autoplay='true' previous-margin="20rpx" next-margin="250rpx">
              <swiper-item v-for="(item, index) in 1" :key="index">
                <view>
                  <image src="https://img.zcool.cn/community/017fff578fa1890000012e7e9ec112.jpg?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100" @click="enlargeImage(item.networkPath,index)" mode="aspectFill"
                         style="height: 500rpx;width: 700rpx; border-radius:70rpx"/>
                </view>
              </swiper-item>
            </swiper>
          </uni-swiper-dot>
          <uni-notice-bar show-icon scrollable :text="mage"/>

          <view class="fk-flex">
            <!-- 左侧功能（每日签到、个人排位、排行榜、公告、背包） -->
            <view class="fk-grid fk-margin-r10">
              <view class="fk-bg fk-grid-item fk-shadow animated fadeInLeftBig fk-friends-bg" @click="onActivaJourney">
                <text class="fk-grid-item-title">好友对战</text>
              </view>
              <view class="fk-bg fk-grid-item fk-shadow animated fadeInLeftBig fk-personal-bg" @click="onMymessage">
                <text class="fk-grid-item-title">消息通知</text>
              </view>
              <view class="fk-bg fk-grid-item fk-shadow animated fadeInLeftBig fk-rank-bg" @click="showRankingList">
                <text class="fk-grid-item-title">亦静播放</text>
              </view>
            </view>

            <!-- 右侧功能（今日答题、好友PK、团队PK、设置） -->
            <view class="fk-grid">
              <view class="fk-bg fk-grid-item fk-shadow animated fadeInRightBig fk-daily-bg" @click="feedback">
                <text class="fk-grid-item-title">用户反馈</text>
              </view>
              <view class="fk-bg fk-grid-item fk-shadow animated fadeInRightBig fk-setting-bg" @click="reportUsers">
                <text class="fk-grid-item-title">举报用户</text>
              </view>
            </view>
          </view>

          <view v-for="(item,index) in particularsList" :key="index">
            <guangchang-index :data="item" :index:="index"/>
          </view>
        </movable-refresh>
      </view>
      </scroll-view>
      <view class="btnsubref">
        <!--      <button class="btn-sub2" :disabled="disabled===true?'disabled':''" type="warn" @click="onSubmit">发布动态</button>-->
        <image src="/static/image/bianji.png" style="width: 80rpx; height: 80rpx;border-radius: 40rpx" mode="aspectFill" @click.stop="onOpenFabu"></image>
      </view>
    </view>
    <view v-if="openstatus==='1'">
      <view class="myinv">
        <view class="myinvbody" @click="onReviewpage">
          <image src="/static/image/shouye/jubaojieguo.png" style="width: 100rpx; height: 100rpx;" mode="aspectFill"></image>
          <h2 class="myziy">使用说明</h2>
        </view>
        <view class="myinvbody" @click="onActiva" v-if="openstatus==='0'">
          <image src="/static/image/shouye/yuelaolaile.png" style="width: 100rpx; height: 100rpx;" mode="aspectFill"></image>
          <h2 class="myziy">信息填写①</h2>
        </view>
        <view class="myinvbody" @click="onActivaJourney">
          <image src="/static/image/shouye/wencaiboyi.png" style="width: 100rpx; height: 100rpx;" mode="aspectFill"></image>
          <h2 class="myziy">最强大脑②</h2>
        </view>
        <view class="myinvbody" @click="onMatchreslu">
          <!--              <image src="/static/image/shouye/peiduijieguo.png" style="width: 100rpx; height: 100rpx;" mode="aspectFill"></image>-->
          <!--              <h2 class="myziy">匹配结果③</h2>-->
          <view style="display: flex">
            <view>
              <image src="/static/image/shouye/peiduijieguo.png" style="width: 95rpx; height: 100rpx;" mode="aspectFill"></image>
              <h2 class="myziy">猜盲盒</h2>
            </view>
            <view v-if="messa" style="background-color: crimson;margin-left: -30rpx;margin-top:15rpx; width: 10px;height: 10px;border-radius: 50%;"></view>
          </view>
        </view>
        <view class="myinvbody" @click="onMymessage">
          <view>
            <image src="/static/image/shouye/wodexiaoxi.png" style="width: 95rpx; height: 100rpx;" mode="aspectFill"></image>
            <h2 class="myziy">我的消息</h2>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

二、信息发布代码

<template>
  <view>
    <view>
        <uni-list-item style="height: 50rpx">
          <template v-slot:header>
            <view style="display: flex;height: 250rpx">
              <view >
                <image :src="fileLists[0].networkPath" mode="aspectFill"
                       style="height: 250rpx ;width:250rpx;border-radius:50rpx"/>
              </view>
              <view>
                <view class="pagetext">
                  <h1 class="pageH1" style="width:200rpx ;padding-left: 20rpx;color: #090808;font-size: 35rpx;font-weight: bold">
                    {{ form[0].name }}</h1>
                </view>
                <view class="pagetext1">
                  <h1 class="pageH1" style="padding-left: 20rpx;padding-top:5rpx;color: #a9a8a8;font-size: 30rpx;">{{
                      form[0].viageName
                    }}</h1>
                </view>
                <view class="pagetext1">

                  <view style="display: flex;width: 100%">
                    <text user-select="true" style="padding-left: 20rpx;padding-top:5rpx;color: #a9a8a8;font-size: 30rpx;margin-right:30rpx" >{{form[0].number}}</text>
                    <button class="mini-btn" type="primary" size="mini" @tap="call_phone('' + form[0].number)">拨打</button>
                  </view>
                </view>
                <view v-if="form[0].priceText!==''&&form[0].priceText!==null" class="pagetext2">
                  <h5 style="color: #e43d33;font-size: 50rpx;padding-top: 25rpx">￥{{ form[0].priceText }}</h5>
                </view>
                <view v-if="form[0].price!==''&&form[0].price!==null&&form[0].priceText===''" class="pagetext2">
                  <h5 style="color: #e43d33;font-size: 50rpx;padding-top: 25rpx">￥{{ form[0].price===0.0?'可议':form[0].price+'/天' }}</h5>
                </view>

                <view v-if="form[0].priceMonth!==''&&form[0].priceMonth!==null&&form[0].price===null" class="pagetext2">
                  <h5 style="color: #e43d33;font-size: 50rpx;padding-top: 25rpx">￥{{ form[0].priceMonth }}</h5>
                </view>
                <view v-if="form[0].priceYear!==''&&form[0].priceYear!==null&&form[0].price===null&&form[0].priceMonth===null" class="pagetext2">
                  <h5 style="color: #e43d33;font-size: 50rpx;padding-top: 25rpx">￥{{ form[0].priceYear }}</h5>
                </view>
              </view>
            </view>
          </template>
        </uni-list-item>
      </view>

      <view v-for="(item_,index) in form" :key="index">
        <uni-list-item style="height: 50rpx">
          <template v-slot:header>
            <scroll-view class="uni-swiper-tab" scroll-x style="height: 150rpx">
              <view style="display: flex;height: 250rpx;white-space: nowrap;" @click="onClick(item_)">

                <view style="margin-left: 20rpx">
                  <h5 style="padding-left: 30rpx;padding-bottom: 40rpx;color: #d7d7d7" >发布小区</h5>
                  <view style="display: flex">
                    <div style="width: 15rpx;height: 40rpx;margin-right: 10rpx"></div>
                    <h5 style="color: #8e8e92;font-size: 35rpx">{{ item_.viageName }}</h5>
                  </view>
                </view>

                <view style="margin-left: 20rpx" v-if="item_.priceText!==''&&item_.priceText!==null">
                  <h5 style="padding-left: 30rpx;padding-bottom: 40rpx;color: #d7d7d7;width: 130rpx">区间价格</h5>
                  <view style="display: flex">
                    <h5 style="color: #8e8e92;font-size: 35rpx">￥{{ item_.priceText }}</h5>
                  </view>
                </view>

                <view style="margin-left: 20rpx" v-if="item_.price!==''&&item_.price!==null&&item_.priceText===''">
                  <h5 style="padding-left: 30rpx;padding-bottom: 40rpx;color: #d7d7d7">日价格</h5>
                  <view style="display: flex">
                    <div style="width: 15rpx;height: 40rpx;border-right: #d7d7d7 solid 1px;margin-right: 10rpx"></div>
                    <h5 style="color: #8e8e92;font-size: 35rpx">￥{{ item_.price }}</h5>
                  </view>
                </view>


                <view style="margin-left: 20rpx" v-if="item_.priceMonth!==''&&item_.priceMonth!==null">
                  <h5 style="padding-left: 30rpx;padding-bottom: 40rpx;color: #d7d7d7">月价格</h5>
                  <view style="display: flex">
                    <div style="width: 15rpx;height: 40rpx;border-right: #d7d7d7 solid 1px;margin-right: 10rpx"></div>
                    <h5 style="color: #8e8e92;font-size: 35rpx">￥{{ item_.priceMonth }}</h5>
                  </view>
                </view>

                <view style="margin-left: 20rpx" v-if="item_.priceYear!==''&&item_.priceYear!==null">
                  <h5 style="padding-left: 30rpx;padding-bottom: 40rpx;color: #d7d7d7" >年价格</h5>
                  <view style="display: flex">
                    <div style="width: 15rpx;height: 40rpx;border-right: #d7d7d7 solid 1px;margin-right: 10rpx"></div>
                    <h5 style="color: #8e8e92;font-size: 35rpx">￥{{ item_.priceYear }}</h5>
                  </view>
                </view>
                <view style="margin-left: 20rpx">
                  <h5 style="padding-left: 30rpx;padding-bottom: 40rpx;color: #d7d7d7" >资源类型</h5>
                  <view style="display: flex">
                    <div style="width: 15rpx;height: 40rpx;border-right: #d7d7d7 solid 1px;margin-right: 10rpx"></div>
                    <h5 style="color: #8e8e92;font-size: 35rpx">{{ item_.sharr }}</h5>
                  </view>
                </view>
              </view>
            </scroll-view>
          </template>
        </uni-list-item>
      </view>
      <view class="content" style="background-color: #ffffff">

<!--        <view class="divider"/>-->
          <uni-swiper-dot class="uni-swiper-dot-box" @clickItem=clickItem :current="current"
                        field="content">
            <swiper class="swiper-box" @change="change" :autoplay='true' :current="swiperDotIndex" previous-margin="20rpx" next-margin="250rpx">
              <swiper-item v-for="(item, index) in fileLists" :key="index">
  <!--                <image @click="enlargeImage(item.networkPath)" mode="aspectFill" style="width: 85%;height: 600rpx;"-->
  <!--                       :src="item.networkPath"></image>-->
                  <view>
                    <image :src="item.networkPath" @click="enlargeImage(item.networkPath,index)" mode="aspectFill"
                           style="height: 750rpx;width: 450rpx; border-radius:70rpx"/>
                  </view>
              </swiper-item>
            </swiper>
          </uni-swiper-dot>

        <view  v-for="(item_,index) in form" :key="index">
          <h5 class="daileH" >详情描述</h5>
          <h5 class="daileH1">{{ item_.description }}</h5>
        </view>
      </view>
    </view>
</template>

三、效果图

请添加图片描述

请添加图片描述
请添加图片描述

请添加图片描述

请添加图片描述
请添加图片描述
百度云链接：https://pan.baidu.com/s/1ZoM5BxhrvIXNCcY6BoY64g
提取码：pn4b
在这里插入图片描述

一条可有可无的咸鱼
关注
  • 37
    点赞
  • 踩
  • 37
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序全套源码
03-08
附件为下载链接
微信小程序实例源码大全下载
weixin_30654583的博客
11-17 1万+
小程序QQ交流群：131894955小程序开发直播腾讯课堂：https://edu.csdn.net/course/detail/6743微信小程序实例源码大全下载微信小应用示例代码(phodal/weapp-quick)源码链接：https://github.com/phodal/weapp-quick微信小应用地图定位demo(gi...
java计算机毕业设计微信旅游小程序【附源码+远程部署+程序+mysql】
最新发布
php-毕业源码设计
04-21 325
开发一款Java计算机毕业设计的微信旅游小程序，具有重要的现实意义和长远的战略价值。首先，对于用户而言，这样的小程序可以提供便捷的旅游信息查询、预订服务、在线支付等功能，极大地提升了用户的旅游体验和便利性。随着智慧旅游的概念日益深入人心，微信旅游小程序的开发与应用将推动旅游行业的数字化转型，促进旅游资源的优化配置，对提升旅游产业的整体竞争力和可持续发展具有积极作用。微信作为国内领先的即时通讯工具，其用户基数庞大，功能日益丰富，微信小程序作为其重要的组成部分，为用户提供了便捷的应用体验。
微信小程序源码
足球中国的专栏
09-09 1224
70：基于Labrador和mobx构建的小程序开发demo Github上收集了70个微信小程序源码。23：微信小程序集成Redux实现的Todo list。66：LeanCloud 的微信小程序用户登陆Demo。18：使用微信小程序实现分答这款APP的基础功能。22：仿 「ONE · 一个」 的微信小程序。46：医药网原生APP的微信小程序DEMO。27：微信小程序的Flex布局demo。12：微信小程序demo 仿手机淘宝。26：仿网易云音乐APP的微信小程序。58：简单的实现了1024的游戏规则。
微信小程序游戏源代码
01-10
微信小程序最火的几款程序源代码，是学习游戏开发的好资料
电子名片微信小程序源码.zip
05-06
电子名片微信小程序源码 电子名片微信小程序源码 电子名片微信小程序源码 电子名片微信小程序源码 电子名片微信小程序源码 电子名片微信小程序源码 电子名片微信小程序源码 电子名片微信小程序...
160套小程序源码微信小程序源码合集
06-01
(知乎日报) 微信小程序 d artand 今日更新求职招聘类 医药网 口碑外卖点餐 城市天气 外卖小程序 定位天气 家居在线 微信小程序-大好商城，wechat-weapp 微信小程序的掘金信息流 微信跳一跳小游戏源码 微票源码-demo ...
一个刷题微信小程序源码.zip
05-06
一个刷题微信小程序源码 一个刷题微信小程序源码 一个刷题微信小程序源码 一个刷题微信小程序源码 一个刷题微信小程序源码 一个刷题微信小程序源码 一个刷题微信小程序源码 一个刷题微信小程序...
微信小程序 社交交友 微信 （源代码+截图）
06-21
微信小程序 社交交友 微信 （源代码+截图）微信小程序 社交交友 微信 （源代码+截图）微信小程序 社交交友 微信 （源代码+截图）微信小程序 社交交友 微信 （源代码+截图）微信小程序 社交交友 微信 （源代码+截图）...
微信小程序源码 小程序版2048(学习版)
06-19
微信小程序源码 小程序版2048(学习版)微信小程序源码 小程序版2048(学习版)微信小程序源码 小程序版2048(学习版)微信小程序源码 小程序版2048(学习版)微信小程序源码 小程序版2048(学习版)微信小程序源码 小程序版...
最新微信小程序源码
10-08
100多个源码小程序，微信小程序全套源代码(后台、小程序php) 微信小程序,完整项目,源代码,后台,小程序
微信小程序开发源代码
02-26
说明：实现服务展示，服务详情，预约，技师列表，技师详情等功能， 特色： - 图标tab ### 数据接口: 使用本地数据 ### 目录结构： - pages — 存放项目页面文件 - images — 存放项目图片文件 - utils — 存放本地数据和日期格式化文件 ### 项目截图： https://www.getweapp.com/project?projectId=583aa05be8ff074c22472f35 ### 源码地址： https://github.com/getweapp/weapp-meirong
小程序源码
12-24
微信小程序源码， 网上买的。 主要用于给开发者自己按教程一步一步自己写代码实现
微信小程序源码大全
热门推荐
02-06 1万+
微信小程序官方Demo(Hao-Wu/WeApp-Demo)微信小应用示例代码(phodal/weapp-quick)微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)微信小应用- 掘金主页信息流(hilongjw/weapp-gold)微信小程序（应用号）示例：微信小程序豆瓣电影(zce/weapp-demo)微信小程序-豆瓣电影(hingsir/weapp
微信小程序+源代码
qq_48650296的博客
10-22 1340
首先说出我的思路，当时自己在学校社团任职，需要每一周为社团活动占领教室以供于社团成员进行教学活动，每次申请教室的步骤比较麻烦，我就希望需要一个软件或者是一个小程序可以比较的容易申请到教室，就在老师布置作业的时候就想做一个简单的占领教室的小程序，以简单步骤就可以占领教室，也避免资源浪费。对于下列很多的想法，还未付诸实践，只是先记录自己的想法 一.一定要明确自己的思路，首先，分级，根据如下图所示，这只是简单等级划分，一次申请，需要至少三等权限的同意，才允许申请request会向更上一级传递，最后上层触发查..
net微信小程序源码
11-10
Net 微信小程序源码是一种用于开发微信小程序的开源代码。微信小程序是一种在微信平台上运行的应用程序，用户可以在微信中直接打开和使用，无需下载安装，具有轻量、快速启动等特点。 Net 微信小程序源码提供了丰富的功能和模板，帮助开发者快速搭建和开发自己的微信小程序。源码中包含了界面设计、前端开发和后端接口等方面的代码，可以根据需求进行二次开发和定制。 具体而言，Net 微信小程序源码中包括以下几个主要部分： 1. 界面设计：源码提供了一些常见的页面模板，如首页、商品列表、详情页、购物车等，开发者可以根据自己的需求进行修改和调整。 2. 前端开发：源码中包含了前端开发所需的 HTML、CSS 和 JavaScript 代码，开发者可以通过修改这些代码，实现界面交互、数据展示等功能。 3. 后端接口：源码中提供了与后端服务器进行数据交互的接口代码，可以通过接口与后端服务器进行数据传输和交互。 使用 Net 微信小程序源码，开发者可以快速构建一个功能完善、界面优雅的微信小程序。通过对源码的修改和定制，可以实现个性化的需求，如特定业务逻辑、用户体验等。 总之，Net 微信小程序源码是为开发者提供的一个快速开发和定制微信小程序的工具，帮助开发者节省时间和精力，快速构建自己的微信小程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值