欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

啦啦外卖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,

啦啦外卖40.0最新vue编译代码展示

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>

啦啦外卖40.0最新vue编译代码展示

<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';
						}
					}

啦啦外卖40.0最新vue编译代码展示

相关标签: vue java