啦啦外卖40.0最新vue编译代码展示
程序员文章站
2024-03-18 09:11:22
...
啦啦外卖vue编译文件是app的编译文件通过js打包后就是APP框架文件
<template>
<div id="forget">
<div class="content">
<div class="header">
<div class="logo">
<img v-if="config.logo" :src="config.logo" alt=""/>
<img v-else src="static/img/head.png" alt=""/>
</div>
<div class="name">{{config.title}}</div>
</div>
<div class="list-block">
<van-cell-group>
<van-field
v-model="mobile"
left-icon="phone1"
type="number"
placeholder="请输入手机号"
/>
<van-field
v-model="captcha"
left-icon="code"
type="number"
placeholder="请输入图形验证码"
/>
<van-field
v-model="code"
left-icon="email"
type="number"
placeholder="请输入6位短信验证码"
/>
<van-field
v-model="password"
left-icon="lock"
type="password"
placeholder="请输入新密码"
/>
<van-field
v-model="repassword"
left-icon="lock"
type="password"
placeholder="请重复输入新密码"
/>
</van-cell-group>
<div class="email-img" @click="onRefreshCaptcha">
<img :src="captcha_img" alt="">
</div>
<div @click="onGetCode" class="list-password" :class="{disabled: code_disabled}">{{code_html}}<van-icon name='right'></van-icon></div>
<div class="content-padded">
<div class="button-register" @click="onSubmit">立即找回</div>
</div>
</div>
<div class="text">
<p>已有账号?<router-link :to="util.getUrl({path: '/pages/auth/login'})" class="text-a">立即登录</router-link></p>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
mobile: '',
password: '',
repassword: '',
captcha: '',
code: '',
config: {},
downcount: 60,
captcha_img: '',
code_html: "获取验证码",
downcount: 60,
code_disabled: false,
emplate>
<div id="bargain">
<public-header title="天天特价"></public-header>
<template v-if="!showLoading">
<div class="content">
<div class="activity-banner">
<router-link tag="div" to="">
<img :src="config.thumb" class="top-img">
</router-link>
</div>
<van-list v-model="bargains.loading" :finished="bargains.finished" @load="onLoad" :offset="100" :immediate-check="false" v-if="bargains.goods.length > 0">
<div class="diy-waimai-food-list-onerow-box" v-if="config.template == 1">
<div class="item-list">
<div class="goods-item" v-for="(goodsitem, index) in bargains.goods" :key="index" :class="{'border-1px-t': index != 0}">
<div class="row item-wrapper">
<div class="col-40 goods-img">
<img v-lazy="{src: goodsitem.thumb, loading: lazyload_goods}">
<div class="discount" v-if="goodsitem.discount > 0 && goodsitem.discount < 10">{{goodsitem.discount}}折</div>
</div>
<div class="col-60">
<div class="goods-name">{{goodsitem.title}}</div>
<div class="sale-num">已售:{{goodsitem.sailed}} 库存:{{goodsitem.discount_available_total}}</div>
<div class="store-name">
<div class="icon icon-shop"></div> {{goodsitem.store_title}}
</div>
<div class="price-buybtn">
<div class="price-wrap">
<div class="in-b now-price">{{Lang.dollarSign}}{{goodsitem.discount_price}}</div>
<div class="in-b old-price">{{Lang.dollarSign}}{{goodsitem.price}}</div>
</div>
<router-link class="in-b buy-btn" :to="util.getUrl({path: '/pages/store/goodsDetail', query:{sid: goodsitem.sid, id: goodsitem.goods_id}})" v-if="goodsitem.is_in_business == 1">立即抢购</router-link>
<div class="in-b buy-btn disabled" v-else>休息中</div>
</div>
</div>
</div>
</div>
</div>
</div>
<template>
<div id="store-brand">
<public-header title="为您优选"></public-header>
<div class="content">
<div class='banner'>
<img :src="selective.imgurl">
</div>
<store-group :stores="stores"></store-group>
</div>
<transition name="loading">
<iloading v-show="showLoading"></iloading>
</transition>
</div>
</template>
//发现好菜数据
if(that.diydata.diy.is_has_hotGoods == 1) {
that.diydata.hotGoods.data = [...this.diydata.hotGoods.data, ...result.message.hotGoods.goods];
if(result.message.hotGoods.pagetotal <= that.diydata.hotGoods.page) {
that.diydata.hotGoods.loaded = 1;
if(!that.diydata.hotGoods.data.length) {
that.diydata.hotGoods.empty = true;
}
that.diydata.hotGoods.finished = true;
}
that.diydata.hotGoods.loading = false;
that.diydata.hotGoods.page++;
if(that.diydata.diy.is_has_allstore != 1) {
that.diydata.showStoreOrGoods = 'goods';
}
}